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

body{ background:#e5e5e5;}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; max-width:640px; min-height:100vh; background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.con{ overflow:hidden;}

/*头部样式*/
.header{ width:100%; background:#fff; overflow:hidden; position:relative; z-index:9999; box-shadow:rgba(209,22,29,0.2) 0 4px 6px;}
.header h1.logo{ display:block; width:475px; height:110px; float:left; padding:0 4px 0 16px;}
.header h1.logo a{ display:block; width:100%; height:100%; background:url(../images/common/logo.png) center no-repeat; text-indent:-9999em;}
.header h2{ display:block; height:88px; line-height:90px; color:#fff; font-size:36px; font-weight:normal; text-align:center; background:#D1161D;}
.header a.tel{ display:block; height:50px; background:url(../images/common/head_phone.png) left top no-repeat; margin:30px 0 0 28px; float:left;}
.header a.tel em{ display:block; height:28px; line-height:28px; color:#333; font-size:20px; font-weight:bold; padding-left:36px;
	-ms-transform:skew(-12deg,0deg); /* IE 9 */
	-moz-transform:skew(-12deg,0deg); /* Firefox */
	-webkit-transform:skew(-12deg,0deg); /* Safari and Chrome */
	-o-transform:skew(-12deg,0deg); /* Opera */
	transform:skew(-12deg,0deg);
}
.header a.tel strong{ display:block; height:22px; line-height:24px; color:#d7191d; font-size:20px;
	-ms-transform:skew(-12deg,0deg); /* IE 9 */
	-moz-transform:skew(-12deg,0deg); /* Firefox */
	-webkit-transform:skew(-12deg,0deg); /* Safari and Chrome */
	-o-transform:skew(-12deg,0deg); /* Opera */
	transform:skew(-12deg,0deg);
}
 
/*footer样式*/
.footer{ padding:36px 18px; margin:0 0 112px;
	background:-webkit-linear-gradient(#D1161D, #AA0006); /* Safari 5.1 - 6.0 */
	background:-o-linear-gradient(#D1161D, #AA0006); /* Opera 11.1 - 12.0 */
	background:-moz-linear-gradient(#D1161D, #AA0006); /* Firefox 3.6 - 15 */
	background:linear-gradient(#D1161D, #AA0006); /* 标准的语法 */
}
.footer .copyright{ line-height:36px; color:#fff; font-size:22px; text-align:center;}

/*底部菜单*/
ul.footNav{ display:block; width:640px; overflow:hidden; background:#D1161D; position:fixed; left:50%; bottom:0; margin-left:-320px; z-index:9999;}
ul.footNav li{ display:block; width:25%; height:98px; float:left;}
ul.footNav li a{ display:block; height:84px; overflow:hidden; padding:16px 0 0; border-left:1px solid #fff;}
ul.footNav li:first-child a{ border-left:0;}
ul.footNav li a img{ display:block; height:36px; margin:0 auto;}
ul.footNav li a span{ display:block; height:44px; line-height:46px; color:#fff; font-size:22px; text-align:center;}

/*返回顶部*/
.backToTop{ display:none; width:56px; height:56px; background:url(../images/common/top.png) center no-repeat; background-size:100% 100%; position:fixed; _position:absolute; right:12px; bottom:112px; cursor:pointer; text-indent:-9999px; opacity:0.6;}
.backToTop:hover{ opacity:0.9;}

/*主体样式*/
.main{ height:auto; min-height:74vh; overflow:hidden;}

/*内容样式*/
.main .attr{ height:auto; min-height:360px; padding:8px 0 28px;}
.main .attr:after{ display:block; content:'.'; height:0; visibility:hidden; clear:both;}
.main .attr h3.title{ display:block; line-height:44px; color:#555; font-size:32px; text-align:center; padding:12px 20px; margin:16px 0 8px;}
.main .attr p.mark{ display:block; line-height:34px; color:#999; font-size:22px; text-align:center; padding:0 0 14px; margin:0 20px;}
.main .attr .desc{ line-height:32px; color:#555; font-size:23px; background:#f4f4f4; padding:14px; border:1px solid #cdcdcd; margin:0 24px 4px;}
.main .attr .desc strong{ color:#dd1313;}
.main .attr .article{ min-height:280px; line-height:40px; color:#666; font-size:25px; font-weight:normal; padding:16px 24px;}
.main .attr .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .attr .article img{ max-width:100%;}

/*文章切换*/
.main .change{ border-top:0px solid #b6b6b6; margin:8px 24px 0; overflow:hidden; padding:28px 0 12px;}
.main .change a{ display:block; width:132px; height:54px; line-height:56px; color:#D1161D; font-size:24px; text-align:center; border:1px solid #D1161D; border-radius:4px;}
.main .change a:hover{ color:#fff; background:#D1161D;}

/*页码样式*/
.pages{ text-align:center; font-size:22px; padding:44px 18px 16px;}
.pages a{ display:inline-block; min-width:16px; color:#333; height:28px; line-height:30px; text-align:center; padding:8px 15px; margin:0 8px; border:1px solid #ccc; border-radius:4px; vertical-align:top;}
.pages a:active,
.pages a:hover{ color:#fff; background:#D1161D;}
.pages span{ display:inline-block; min-width:16px; color:#fff; height:28px; line-height:30px; text-align:center; background:#D1161D; padding:8px 15px; margin:0 8px; border:1px solid #D1161D; border-radius:4px; vertical-align:top;}
.pages span.current{ background:#D1161D; cursor:pointer;}
.pages span.disabled{ color:#fff; background:#c2c2c2; border-color:#c2c2c2; cursor:default;}

/*新闻列表*/
.main ul.newsList{ display:block; padding:0 18px; overflow:hidden;}
.main ul.newsList li{ display:block; overflow:hidden; padding:18px 0; border-bottom:1px dashed #bfbfbf;}
.main ul.newsList li a.pic{ display:block; height:auto; margin-right:20px; float:left;}
.main ul.newsList li a.pic img{ display:block; width:170px; height:116px;}
.main ul.newsList li a.title{ max-width:414px; height:35px; line-height:36px; color:#333; font-size:26px; white-space:normal; float:left;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li a.title:hover{ color:#D1161D;}
.main ul.newsList li span{ width:156px; height:36px; line-height:38px; color:#666; font-size:22px; text-align:center;  border-radius:18px; float:right; }

/*会长列表*/
.main ul.leaderList{ display:block; overflow:hidden; padding:10px 10px 8px;}
.main ul.leaderList li{ display:block; overflow:hidden; padding:18px 10px;}
.main ul.leaderList li a.pic{ display:block; height:auto; float:left; margin-right:24px;}
.main ul.leaderList li a.pic img{ display:block; width:210px; height:262px;}
.main ul.leaderList li a.title{ display:block; width:330px; height:70px; line-height:72px; color:#333; font-size:28px; font-weight:bold; background:#f1f1f1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; border:1px solid #f1f1f1; border-width:0 18px;}
.main ul.leaderList li a.title:hover{ color:#D1161D;}
.main ul.leaderList li .txt{ display:block; width:330px; height:180px; line-height:36px; color:#333; font-size:22px; background:#f1f1f1; overflow:hidden; float:left; border:1px solid #f1f1f1; border-width:0 18px 12px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
}

/*申请入会*/
form.apply{ display:block; background:#eef7ff; margin:28px 0 0;}
form.apply h3{ display:block; height:70px; line-height:72px; color:#fff; font-size:28px; font-weight:normal; text-align:center; background:#f7a240;}
form.apply h3:first-child{ background:#D1161D;}
form.apply .con{ padding:20px 16px 34px; overflow:hidden;}
form.apply p{ display:block; padding:12px 0; overflow:hidden;}
form.apply p label{ display:block; width:180px; height:60px; line-height:62px; color:#333; font-size:26px; text-indent:14px; white-space:nowrap; float:left;}
form.apply p label.inline{ width:auto; white-space:nowrap; text-indent:0; cursor:pointer; margin-right:1em;}
form.apply p label span{ display:block; width:1em; height:60px; line-height:62px; color:#fd0000; float:left;}
form.apply p input.text{ display:block; width:392px; height:30px; line-height:30px; color:#333; font-size:26px; background:#fff; padding:15px 10px 13px; border:1px solid #a2a2a2; float:left;}
form.apply p input.short{ width:292px;}
form.apply p input.text:focus{ outline:none;}
form.apply p input.radio{ display:block; width:20px; height:60px; cursor:pointer; float:left; margin-right:8px;}
form.apply p select{ display:block; width:414px; height:60px; line-height:62px; color:#333; font-size:26px; background:#fff url(../images/icons/arrow.png) right center no-repeat; border:1px solid #a2a2a2; cursor:pointer; float:left; -webkit-appearance:button; padding:0 0 0 13%;}
form.apply p select.crowd{ padding:0 0 0 8.5%;}
form.apply p select:focus{ outline:none;}
form.apply p input.btn{ display:block; width:248px; height:64px; line-height:66px; color:#fff; font-size:28px; background:#D1161D; border:none; border-radius:4px; cursor:pointer; float:left; margin:28px 0;}
form.apply p input.btn:focus{ outline:none;}

/*在线留言*/
form.apply.msg{ margin-top:0;}
form.apply.msg p input.short{ width:237px;}
form.apply.msg p textarea{ display:block; width:392px; height:210px; line-height:30px; color:#333; font-size:26px; background:#fff; padding:15px 10px 13px; border:1px solid #a2a2a2; resize:none; float:left;}
form.apply.msg p img{ display:block; width:154px; height:58px; border:1px solid #a2a2a2; border-left:0; cursor:pointer; float:left;}
form.apply.msg p label.high{ padding:0 0 102px;}
form.apply.msg p input.btn{ width:200px; margin:32px 0 28px 36px; float:left;}
form.apply.msg p input.btn:first-child{ margin-left:86px;}


form.search{ display:block; overflow:hidden; padding:12px 34px 28px;}
form.search p{ display:block; overflow:hidden; padding:12px 0;}
form.search p label{ display:block; width:5em; height:60px; line-height:62px; color:#333; font-size:26px; text-align:right; white-space:nowrap; float:left; margin:0 16px 0 0;}
form.search p input.text{ display:block; width:392px; height:30px; line-height:30px; color:#333; font-size:26px; background:#fff; padding:15px 16px 13px; border:1px solid #ccc; float:left;}
form.search p select{ display:block; width:426px; height:60px; color:#333; font-size:26px; background:#fff; padding:2px 12px 0; border:1px solid #ccc; float:left; cursor:pointer;}
form.search p input.btn{ display:block; width:280px; height:68px; color:#fff; font-size:28px; background:#ffa200; padding:2px 0 0; border:none; border-radius:4px; cursor:pointer; float:left; margin:20px 0 0;}
.result{ padding:0 20px;}
.result em{ display:block; line-height:72px; color:#333; font-size:28px; border-bottom:1px solid #ccc; padding:0 6px;}
.result .box{ padding:20px 0 0;}
.result .box img{ display:block; width:100%;}














/**/