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

@media all and (max-width:760px) {
	.nav {
		display:none;
	}

	.header .h-mid .tips.fl 
	{
		display: none;
	}

    .h-mid{
    	padding:15px 0 15px;
    }

    .logo {
    	border-right:none;
    	padding-left: 105px;
    }
    
    .h-mid .tel{
    	display: none;
    }

    .header .yincangtoggle { 
     	display: block; 
        position: absolute;
        top: 30px;
        right: 15px; 
        
        width: 40px; 
        height: 40px; 
        cursor: pointer; 
        border-radius: 50%; }

    .header .yincangtoggle .icon, 
    .header .yincangtoggle .icon::before, 
    .header .yincangtoggle .icon::after { 
    	position: absolute; 
    	width: 26px; height: 2px;
    	
    	  border-radius: 2px; 
    	  background: #4c4c4c; }

    .header .yincangtoggle .icon { top: 10.75px; left: 9px; }

    .header .yincangtoggle .icon::before, 
    .header .yincangtoggle .icon::after { 
    	left: 0; 
    	content: '';
    	 background: inherit; }

	.header .yincangtoggle .icon::before { top: -7px; }

	.header .yincangtoggle .icon::after { top: 7px; }

	.header.nav-open .yincangtoggle .icon { width: 0; }

	.header.nav-open .yincangtoggle .icon::before { 
		-webkit-transform: translateY(7px) rotate(45deg); 
		-ms-transform: translateY(7px) rotate(45deg); 
		transform: translateY(7px) rotate(45deg); }

	.header.nav-open .yincangtoggle .icon::after { 
		-webkit-transform: translateY(-7px) rotate(-45deg); 
		-ms-transform: translateY(-7px) rotate(-45deg); 
		transform: translateY(-7px) rotate(-45deg); }
	

}







@media all and (max-width:400px){
	.nav{
		display: none
	}

	.header .h-mid .tips.fl 
	{
		display: none;
	}

	.h-mid{
    	padding:15px 0 15px;
    }

    .logo {
    	border-right:none;
    	padding-left: 15px;
    }
    
 .h-mid .tel{
    	display: none;
    }

    .header .toggle { 
     	display: block; 
        position: absolute;
        top: 18px;
        right: 15px; 
        
        width: 40px; 
        height: 40px; 
        cursor: pointer; 
        border-radius: 50%; }
}
    .header .yincangtoggle .icon, 
    .header .yincangyincangyincangtoggle .icon::before, 
    .header .yincangyincangtoggle .icon::after { 
    	position: absolute; 
    	width: 26px; height: 2px;
    	 -webkit-transition-duration: .5s;
    	  transition-duration: .5s; 
    	  border-radius: 2px; 
    	  background: #4c4c4c; }
    .header .yincangtoggle .icon { top: 10.75px; left: 9px; }

    .header .yincangtoggle .icon::before, 
    .header .yincangtoggle .icon::after { 
    	left: 0; 
    	content: '';
    	 background: inherit; }
	.header .yincangtoggle .icon::before { top: -7px; }
	.header .yincangtoggle .icon::after { top: 7px; }
	.header.nav-open .yincangtoggle .icon { width: 0; }
	.header.nav-open .yincangtoggle .icon::before { 
		-webkit-transform: translateY(7px) rotate(45deg); 
		-ms-transform: translateY(7px) rotate(45deg); 
		transform: translateY(7px) rotate(45deg); }
	.header.nav-open .yincangtoggle .icon::after { 
		-webkit-transform: translateY(-7px) rotate(-45deg); 
		-ms-transform: translateY(-7px) rotate(-45deg); 
		transform: translateY(-7px) rotate(-45deg); }
	
   .box_skitter .image{
    width: 400px;
    margin-left: -200px;

}

}