﻿@media screen and (max-width:800px){
	/*棣栭〉*/
		.headBg{ min-width:100%; background:none;}	
		.logo{ min-width:100%; min-height:58px;}
			.logo a{ width:100%; height:100%; background:url(../images/headBgmobil.jpg) no-repeat; max-height:auto !important;}
			.logo a img.headImg1{ display:none; } 
			.logo a img.headImg2{ display:block;}
		.content{ min-width: 100%; min-height: 100%;}
		.navCont{ padding:0; background:none; display:none;}
		.navMobil{}
      .navButton{ position:absolute; right:10px; top:117px;}
			.navButton a{ width:20px; height:19px; display:block; background:url(../images/anniu.png) no-repeat;}
			.buttonList{ top:71px;}
	
		    .navCont{ min-width:100%; display:none; min-height:100%; position:fixed; z-index:12; top:0; left:0; background:url(../images/navoption.png) repeat; }
		
		    .nav{ width:100%; position:fixed; top:0; left:0;}
			.navMain{ width:100%;}
			
			.nav li{clear:both; margin:10px 0 0 !important; width:100%;}
			.nav li a{ font-size:16px; text-align:left; display:block; line-height:28px;}
				.nav li .navMobil{ width:85%;}
				.navMobil a{ font-size:14px !important; padding:5px 60px !important;
				border-bottom:1px solid #414d8e; margin-left:26px;}
			.nav li:hover a,.nav li.navSelect a{ box-shadow:none; background:none !important; color:#dec26d;}
			.nav li.navSelect .navMobil{ display:block;}
            /*.nav li .navMobil{ display:block;}*/
		.searchBox{ display:none;}
		 
		 .content{ background-size:auto 100%;}
		 .mainCont{ margin-top:15px;}
		 .notice{ margin-bottom:15px;}
		 .main{ width:100%;}
		     .scrollBox{ margin:0 auto; width:94%;}
			 .scrollBox,.unslider-wrap li a img{ height:100%;}
			 .scrollText a{ font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:90%; }
			 .scrollOpacity{ height:40px;}
			 .unslider-nav{ bottom:13px;}
		 .bulletinBox,.salonMedia,mainRight{ clear:both; width:100%; float:none !important;}
		 .scrollTitle h3{ margin-left:15px;}
		 .scrollTitle span{ margin: 6px 15px 0 0;}
		 .scrollSecond{ margin:0 15px;}
		 .scrollSecond li{ float:none; width:100%; height:103px; margin:7px 0; padding:0;}
		 	.secondText h3{padding:15px 0 0 10px; width:94%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
			.scrollSecond li span, .scrollSecond li b{ padding-left:14px;}
  .salonUl li{ height:40px; line-height:40px; border-bottom:1px solid #d7e1e8;}
		 	.salonUl li a{ font-size:16px; width:96%;}
			.salonUl li b{ margin:17px 6px 0 0}
		 .contactUl li{ height:38px; line-height:38px;}	
		 	.contactUl li span{ font-size:16px;}
			.contactUl li b{ margin:15px 7px 0 8px;}
			.contactUl li a{ font-size:16px;}

		 .salonMedia{ margin-left:0;}
		 .salonUl{ margin:8px 15px 0;}
		 .salonBox{ margin-bottom:15px;}
		 .mainRight{ float:none; width:100%; margin:0 auto;}
		     .associatPic{ margin:15px 15px 0; display:none;}
		     .contact{ margin:15px 15px;}
	     .footer{ min-width:100%;}
		 	.footerCont{width:100%;}
		 	.footLogo{ display:none !important;}
			.footerCode{ display:none;}
			.footerText{ float:none; width:100%; margin:10px auto 0; padding-top:20px;}
				.footerText p{ font-size:14px;}
					.footerText p span{ display:block;}
					
	   /*list椤甸溃*/
	   .mainList{ width:100%;}
	   .boreadSearch{}
	   .boreadBox{ margin:12px 0 12px 12px;}
	   .cultureLeft{ display:none;}
	   		.cultureLeft,.cultureRight{ width:100%;}
	   .cultureRight{ padding-bottom: 120px; margin-top:0 !important;}
 
	   .policyUl li span, .policyUl li a{ font-size:14px;}
	   		.policyUl li a{ overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:68%; display:block;}
  .policyUl li .brackets{margin-right: 8px; }
  
  .policyUl li b {margin: 10px 9px 0 0;}
  
  .policyUl li{height: auto; line-height:25px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 10px;}
		.policyUl li a{ font-size:16px;}
  .policyUl li span{ font-size: 14px; }
			.policyUl li a{ overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:96%; display:block;}
		.footerText p{ font-size:12px;}
		.policyUl li .brackets{ display:block; float:none; padding-left:7px;}
		.policyBottom,.policyTop{ overflow:hidden;}
  
  
.policyCont{display:none;}  
.policyContMobil{display:block;}  
	
	   .cultureLeftMobil{ display:block;}
	   		.cultureLeftMobil ul li{ border-bottom:1px solid #efeeee; }
	   			.cultureLeftMobil ul li a{ height:42px; line-height:42px; color:#333; font-size:16px; display:block; text-align:center;}

  .cultureActive{ background:#5b7ed2; color:#333; font-size:16px;height:42px; line-height:42px;text-align:center; font-weight:normal; color:#fff;}
				.cultureLeftMobil ul li.cultureSelect a{ color:#b20304; background:none; }
  
	   .policy{ padding-left:10px; margin-top:15px; font-size:16px; padding:0 10px 18px;}
	   .policyUl{ padding:0 10px 0; min-height:300px; margin-top:15px;}
	   .page{ width:80%;}
  .innerImg li {margin: 30px 25px 0; }
  .innerUl li{   float: none;
    width: 100%;
    margin: 10px 15px 0;
    overflow: hidden;
  }
  .innerUl li a {width: 90%; line-height:32px; font-size: 14px;}
  .innerUl li b { margin: 10px 18px 0 0; }   
	   /*detail*/
	   .detailPhase{ padding:0 10px; }
	   		/*.detailPhase p{ font-size:12px; margin:0; padding:0 12px;}
	   		.detailPhase p.detailImg{ text-indent:0; margin:0 6px; padding:0;}*/
			.detailPhase img{ margin:0 auto; padding:0; max-width:100%; max-height:100%; display: block; }
}

@media screen and (max-width:640px){
  .navButton{position:absolute;right:10px;top: 89px;}
	    .scrollText a{ font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:60%;}
		.secondText h3{ font-size:16px; padding:15px 0 0 10px; width:94%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
			
  .scrollBox{padding-top: 36px;}


  		.policyUl li{height: auto; line-height:25px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 10px;}
		.policyUl li span, .policyUl li a{ font-size:14px;}
			.policyUl li a{ overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:96%; display:block;}
		.footerText p{ font-size:12px;}
		.policyUl li .brackets{ display:block; float:none; padding-left:7px;}
		.policyBottom,.policyTop{ overflow:hidden;}
  
		
		.footerText p{ font-size:12px;}
}

@media screen and (max-width:420px){
     .navButton{top: 89px;}   
	
}

@media screen and (max-width:375px){
     .navButton{top: 82px;}   
	
}

@media screen and (max-width:360px){    
	   .policyUl li a{ width:48%; }
	   .navButton{top: 79px;} 
}

@media screen and (max-width:320px){
  .navButton{ position:absolute; right:10px; top:74px;}
	   .policyUl li a{ width:40%; }
  .contactUl li span,.contactUl li a{ font-size:14px}
  .salonUl li a{ font-size:14px;}

}