@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; border-top:6px solid #1ab9f3;}
.header h1.logo{ display:block; width:464px; 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:#00a1e9;}
.header a.tel{ display:none; 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);
}

/*banner*/
.banner{ height:256px; overflow:hidden; position:relative;}
.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd ul{ display:block; overflow:hidden;}
.banner .bd ul li{ display:block; width:100%; float:left;}
.banner .bd ul li a{ display:block; width:100%; height:256px; overflow:hidden; background-position:left top !important; background-size:cover !important; position:relative;}
.banner .hd{ z-index:1; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.banner .hd ul{ display:block; padding:12px 0; overflow:hidden;}
.banner .hd ul li{ display:block; width:14px; height:14px; background:#fff; border-radius:50%; overflow:hidden; margin:0 4px; float:left; cursor:pointer;}
.banner .hd ul li.on{ background:#ff9220;}
 
/*footer样式*/
.footer{ background:url(../images/common/foot_bg.jpg) center top repeat-x; padding:22px 16px 16px; margin:0 0 98px;}
.footer .copyright{ line-height:36px; color:#4e4e4e; font-size:22px; text-align:center;}

/*底部菜单*/
ul.footNav{ display:block; width:640px; overflow:hidden; background:#1ab9f3; 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:82px; 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; overflow:hidden;}
.main .position{ height:68px; line-height:70px; color:#999; font-size:23px; background:#fafafa; padding:0 16px; overflow:hidden;}
.main .position a{ color:#999;}
.main .position a:hover{ color:#1d58a8;}

/*内容样式*/
.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:#1d58a8; font-size:30px; font-weight:normal; text-align:center; padding:12px 24px; margin:16px 0 8px;}
.main .attr p.mark{ display:block; line-height:34px; color:#999; font-size:22px; text-align:center; background:#fafafa; padding:8px 0; margin:0 20px 4px; border-bottom:0px solid #43bce8;}
.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:42px; color:#4e4e4e; 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%; margin:20px 0 0;}

/*文章切换*/
.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:#106bb5; font-size:24px; text-align:center; border:1px solid #106bb5; border-radius:4px;}
.main .change a:hover{ color:#fff; background:#106bb5;}

/*页码样式*/
.pages{ text-align:center; font-size:22px; padding:44px 18px 16px;}
.pages a{ display:inline-block; min-width:16px; color:#4e4e4e; 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:#106bb5; border-color:#106bb5;}
.pages span{ display:inline-block; min-width:16px; color:#fff; height:28px; line-height:30px; text-align:center; background:#106bb5; padding:8px 15px; margin:0 8px; border:1px solid #106bb5; border-radius:4px; vertical-align:top;}
.pages span.current{ background:#106bb5; cursor:pointer;}
.pages span.disabled{ color:#fff; background:#c2c2c2; border-color:#c2c2c2; cursor:default;}

/*新闻列表*/
.main ul.newsList{ display:block; padding:0 20px; overflow:hidden;}
.main ul.newsList li{ display:block; overflow:hidden; padding:16px 4px; border-bottom:1px dashed #bfbfbf;}
.main ul.newsList li a.title{ display:block; height:36px; line-height:36px; color:#1d58a8; font-size:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li span{ display:block; height:48px; line-height:50px; color:#999; font-size:22px;}
.main ul.newsList li .txt{ line-height:34px; color:#666; font-size:22px;}

/*工程列表*/
.main ul.projList{ display:block; padding:8px 16px 12px; overflow:hidden;}
.main ul.projList li{ display:block; width:50%; box-sizing:border-box; padding:8px; float:left;}
.main ul.projList li a.pic{ display:block;}
.main ul.projList li a.pic img{ display:block; width:286px; height:180px; border:1px solid #dedede;}
.main ul.projList li a.title{ display:block; height:36px; line-height:38px; color:#4e4e4e; font-size:24px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:8px 0 4px; margin:0 8px;}
.main ul.projList li a.title:hover{ color:#1d58a8;}


/*会长列表*/
.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:#00a1e9;}
.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:#00a1e9;}
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:#00a1e9; 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;}














/**/