/* CSS Document */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
a { color: #000;
	text-decoration: none;
}
a:hover,a:link,a:visited,a:active{ color:#000;}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ul, ol, li {
	list-style: none;
}
em, i {
	font-style: normal;
}
img { padding: 0;
    margin: 0;
	border: none;
}
input, img {
	vertical-align: middle;
}
html {
	font-size: 16px;
	height: 100%;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
body {
	margin: 0 auto;
	width: 100%;
	font: 85%/1 "\9ED1\4F53";
	background-color:#000;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	font-family: '微软雅黑';
	font-size: 16px;
	overflow:hidden;
	height:100%;
}

  .p-index{ /*display:none;*/ visibility: hidden; }
  .clear{ clear: both;}
  .opacity{ opacity:0;}
  .none{ display:none;}
   /**index start**/
     .welcome_texts{ position:absolute; top:10%; right:8%; width:20%;}
	 .welcome_texts img{ position:relative;}
	 .welcome_toptext{ position:absolute; top:24%;}
	 .welcome_bottom{ position:absolute; bottom:10%;}
	 .welcome_bottom img{ position:relative;}
	 .welcome_logo{ width:100%; padding:3% 0; margin-bottom:3%; background:rgba(255,255,255,.2);}
   /**index   emd**/
 
   /**nav  start**/
     .nav_con{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto;}
     .nav_logo{ margin:5% auto 3%;}
	 .nav_btn01{ position:relative; width:50%; float:left;}
	 .nav_btn_bg{ background:rgba(33,9,7,.8); position:absolute; top:0; left:0;}
	 .nav_btn02{ position:relative; width:50%; float:right;}
	 
   /**nav    end**/
 
 
 	/*音乐*/
	.topCon{ display:block;position:absolute; z-index: 9999; bottom:10px; width:100%; height:40px;background:rgba(204,204,204,0);}
	.sound{ width:15px; height:15px; padding:5px; right:15px;  position: absolute;  border:2px solid #CCC;  border-radius: 15px;-webkit-border-radius: 15px;  background:url(../images/soundoff.png) center center no-repeat; background-size:50% 50%; }
	.rotateAm{
	  -webkit-animation-name: rotateAm;
	  -webkit-animation-duration: 3s;
	  -webkit-animation-timing-function:linear;
	  -webkit-animation-iteration-count:infinite;
	}
	@-webkit-keyframes rotateAm {
		0%{ opacity:1;}
	  25% { -webkit-transform: rotate(0deg) }
	  25% { -webkit-transform: rotate(90deg) }
	  50% { -webkit-transform: rotate(180deg) }
	  75% { -webkit-transform: rotate(270deg) }
	  100% { -webkit-transform: rotate(360deg) }
	}
	.musicOn{ position:absolute; right:13%; bottom:9%; display:none; font-size:10px; color:#fff; z-index:55;}
	/*音乐end*/

	  /**滑动页面样式  start**/
        .visibility {visibility: hidden;}
		.swiper-slide { background:#fdf3e0; position:relative; top:0; left:0; width:100%; height:100%; overflow:hidden;}
		.pages{ display: none;}
		.swiper-pagination-bullet {width: 6px;height: 6px;background: #ccc;opacity: .4;}
		.swiper-pagination-bullet-active {background: #fff; opacity:1;}

         /**核心规划  start**/
            .hxgh_page01_texts{ position:absolute; bottom:8%; width:100%;}
			.hxgh_page01_texts img{ position:absolute; bottom:0;}
			
			.hxgh_page02_top{ background:rgba(114,76,56,1); padding:5% 0;}
			.hxgh_page02_text{ background:#210907; padding:5% 0;}
			.redline{ border:2px solid #922022;}
			.hxgh_page02_pic{  height: 316px;  overflow: hidden;}
			.hxgh_page02_bottom{ background:#210907; padding:3% 0;}
			.bgColor{background:#210907; }
			
			.hxgh_page02_logo{position: absolute;  bottom: 23%;  width: 55%;  left: 31%;}
			.hxgh_page03_logo{position: absolute;  bottom: 22%;  width: 55%;  left: 21%;}
			.hxgh_page04_logo{position: absolute;  bottom: 48%;  width: 55%;  left: 10%;}
			.hxgh_page05_logo{position: absolute;  bottom: 22%;  width: 55%;  left: 31%;}
			.hxgh_page06_logo{position: absolute;  bottom: 22%;  width: 55%;  left: 10%;}
         /**核心规划   end**/
		 
         /**心有所墅  start**/
            .xyss_page01_texts{ position:absolute; top:39%; width:100%;}
			.xyss_page01_texts img{ position:absolute; top:0;}
			
			.xyss_page02_logo{position: absolute;  bottom: 23%;  width: 55%;  right: 10%;}
			.xyss_page03_logo{position: absolute;  bottom: 23%;  width: 55%;  right: 10%;}
			.xyss_page04_logo{position: absolute;  bottom: 23%;  width: 55%;  left: 10%;}
			.xyss_page05_logo{position: absolute;  bottom: 23%;  width: 55%;  right: 10%;}
			.xyss_page06_logo{position: absolute;  bottom: 23%;  width: 55%;  right: 10%;}
         /**心有所墅   end**/

         /**深浅碣石  start**/
            .sqjs_page01_texts{ position:absolute; top:9%; width:100%;}
			.sqjs_page01_texts img{ position:absolute; top:0;}
			
	        .sqjs_page02_top{ background:rgba(114,76,56,1); padding:5% 0;}
	        .sqjs_page02_text{ background:#210907; padding:5% 0;}

			.sqjs_page02_logo{position: absolute;  bottom: 23%;  width: 55%;  left: 10%;}
			.sqjs_page03_logo{position: absolute;  bottom: 23%;  width: 55%;  right: 10%;}
			.sqjs_page04_logo{position: absolute;  bottom: 23%;  width: 55%;  left: 10%;}
			.sqjs_page05_logo{position: absolute;  bottom: 23%;  width: 55%;  right: 10%;}
         /**深浅碣石   end**/
		 
         /**百年同济  start**/
            .bntj_page01_texts{ position:absolute; top:45%; width:100%;}
			.bntj_page01_texts img{ position:absolute; top:0;}
			.bntj_page02_logo{ position: absolute;  bottom: 23%;  width: 55%;  left: 10%;}
			.bntj_page03_logo{ position: absolute;  bottom: 23%;  width: 55%;  right: 10%;}
			.bntj_page04_logo{ position: absolute;  bottom: 23%;  width: 55%;  left: 10%;}
			.bntj_page05_logo{ position: absolute;  bottom: 23%;  width: 55%;  right: 10%;}
         /**百年同济   end**/

	  /**滑动页面样式  end**/

  /*苹果4手机 start*/
@media screen and (max-height: 500px) {
	.hxgh_page02_pic{  height: 236px;  overflow: hidden;}
    .hxgh_page01_texts{ position:absolute; bottom:4.5%; width:100%;}
    
	.sqjs_page01_texts{ position:absolute; top:5%; width:100%;}
	.sqjs_page02_top{ background:rgba(114,76,56,1); padding:3% 0;}
	.sqjs_page02_text{ background:#210907; padding:3% 0;}
   /**index start**/
     .welcome_texts{ position:absolute; top:5%; right:8%; width:20%;}
	 .welcome_toptext{ position:absolute; top:24%;}
	 .welcome_bottom{ position:absolute; bottom:5%;}
   /**index   emd**/
}
  /*苹果6 样式*/  
@media screen and (min-height: 600px) and (max-height: 603px) {
	.hxgh_page02_pic{  height: 350px;  overflow: hidden;}
}
  /*苹果6 plus样式*/  
@media screen and (min-height: 670px) and (max-height: 672px) {
	.hxgh_page02_pic{  height: 410px;  overflow: hidden;}
}