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

/* 通用基础设置 - 移动优先 */
:root {
  --container-padding: 15px;     /* 容器边距 */
  --breakpoint-sm: 576px;        /* 小屏幕：手机横屏 */
  --breakpoint-md: 768px;        /* 中屏幕：平板 */
  --breakpoint-lg: 992px;        /* 大屏幕：小桌面 */
  --breakpoint-xl: 1200px;       /* 超大屏幕：大桌面 */
  --breakpoint-xxl: 1400px;      /* 超特大屏幕 */
}

/* 基础布局容器 */
.container {
  width: 100%;
  padding-right: var(--container-padding);
  padding-left: var(--container-padding);
  margin-right: auto;
  margin-left: auto;
	 width: 100%;

}

/* 响应式断点框架 */
/* 小屏幕 (横屏手机) */
@media (min-width: 576px) {
  
}

/* 中屏幕 (平板) */
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
  
  /* 在此添加平板专属样式 */
}

/* 大屏幕 (桌面) */
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
  
  /* 在此添加桌面专属样式 */
}

/* 超大屏幕 (大桌面) */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

/* 超特大屏幕 */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
@media (min-width: 320px) and (max-width: 860px) {
	html, body {
  width: 100%;
}
	 /* 防止横向溢出 */
    * {
    }
	     /* 确保所有元素不超出容器宽度 */
        .pc-wrap {
            width: 100%;
			overflow:hidden;
        }
  /* 小屏幕专用样式 */
	.readingUL {
        margin: 20px auto 30px auto;
    }
	.readingUL li div.Avatar div.nameTitle{ padding-top: 0px; margin-left: 5px;}
	 .readingUL li{ margin-bottom:10px;}
	.readingUL li div.Avatar img{ margin-top: 7px;}
	.readingUL li div.Avatar h2{ margin-top:  0px; margin-bottom: 0px;}
	.readingUL li div.Avatar h4{ font-size: 12px;    line-height: 20px;}
	.readingUL li div.imgS p img { width: 30%; margin-right: 1.2%; margin-bottom:7px;}
	.type-three .top-banner{
		width: 100%;
		height: auto;
		min-width:200px;
		padding-top: 50px;
	}
	.type-three .top-banner .top-content{
		width:100%;
		margin: 0 auto;
	}
	.type-three .type-three-tab{
		width: 100%;
		height:60px;
	}
	.type-three .three-content{
		padding:20px;
		margin: 10px auto 30px auto;
		width: 100%;
	}
	.type-three .type-three-tab .tab-content{
		width: 100%;
		height: 60px;
	}
	.type-three .type-three-tab .tab-content .three-item{
	width:25%;
		height:60px;	
		    line-height:60px;
		font-size: 15px;
	}
	.type-three .three-content .contact-table-wrap {
		margin-top:20px;
	}
	.type-three .three-content .personal-info{
		margin-top: 20px;
		width: 100%;
	}
	.type-three .three-content .personal-info .personal-img-wrap{
		display: none;
	}
	.type-three .three-content .personal-info .info-txt{
		width:100%;
		float:none ;
		padding-left: 0px;
	}
	
.type-three .top-banner .top-content .top-img-wrap {
   
    width:160px;
    height:160px;
    border-radius: 50%;
    border: 1px solid #fff;
	margin:0px auto;
    overflow: hidden;
	float: none;
}
	.type-three .top-banner .top-content .top-info{
		width: 65%;
		float:none;
		margin: 0 auto;
		text-align: center；
	}
.type-three .top-banner .top-content .top-img-wrap .top-img {
	width: 100%;
   
}
	.type-three .top-banner .top-content .top-phone{
	width:100%;
    height: 140px;
    border-radius:0px;
    position: relative;
    text-align: center;
	right: 0;
    top:0px;
	padding:0px 0px 20px 0px;
		
	}
	.type-three .top-banner .top-content .top-info .info-name{
		padding-top: 25px;
		text-align: center;
	}
	.type-three .top-banner .top-content .top-info .info-job{
		text-align: center;
		padding-top: 10px;
		
	}
	.type-three .top-banner .top-content .top-info .info-firm{
		text-align: center;
		padding-top: 10px;
		padding-bottom: 40px;
	}
	.type-three .three-content .field-wrap{
		margin-bottom: 30px;
		
	}
	.type-three .three-content .field-wrap .field-item{
		width:30%;
	}
	.type-two-footer .footer-content{
		width:100%;}
	.type-two-footer .footer-content .footer-left{
		float: none;
	}
	.type-two-footer .footer-content .footer-left .name {
		padding-top:30px;
	}
	.type-two-footer .footer-content .footer-right{
		float: none;
	}
	.type-two-footer{
		height: auto;
		padding:15px;
	}
	.type-three .three-content .contact-table-wrap .tab-item .item-right{
		padding-left: 2%;
		width: 71%;
		
	}
	.type-three .three-content .contact-table-wrap .tab-item .item-right2{
		font-size: 14px;
		line-height: 19px;
		
	}
	.type-three .three-content .contact-table-wrap .tab-item .item-left{
		width:25%;
		padding-left: 2%
	}
	.type-two-footer .footer-content .footer-right .phone-wrap{
	margin-top: 40px;
	}
	.type-two-footer .footer-content .footer-right .phone-btn{
		float: left;
		margin-bottom:30px;
	}
	.type-three .three-content .message-item-wrap .message-short{
		float: none;
		
	}
	.type-three .three-content .message-item-wrap .message-short .short-value{
		width: 100%;
		
	}
	.type-three .three-content .message-long .long-value{
		width: 100%;
		
		
	}
	.type-three .three-content .message-long .long-text{
		width: 100%;
	}
	.type-three .three-content .message-btn{
margin: 30px auto 50px;
		
	}
	.type-three .three-content .common-title{
		margin-top: 15px;
	}
	.type-three .three-content .corpus-item .corpus-bottom .bottom-txt{
		display: block;
	}
	.type-three .three-content .personal-info .info-txt .name{
		display: none;
	}
	
	.type-three .three-content .personal-info .info-txt .proname{
		display: none;
	}
	.type-three .three-content .message-item-wrap .message-short01{
	margin-left:0px;
}
}