@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(0,133,227,0.2) 0 4px 6px;}
.header h1.logo{ display:block; width:240px; height:110px; float:left;}
.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:#0085e3;}
.header a.tel{ display:block; background:url(../images/common/head_phone.png) left center no-repeat; overflow:hidden; margin:38px 0 0; padding-left:34px; float:left;}
.header a.tel em{ display:block; height:34px; line-height:36px; color:#333; font-size:18px; font-weight:bold; padding:0 10px; float:left;
	-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:34px; line-height:36px; color:#d7191d; font-size:24px; float:left;
	-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.back{ display:block; width:80px; height:88px; background:url(../images/common/back.png) center no-repeat; position:absolute; left:0; top:0;}
 
/*footer样式*/
.footer{ padding:36px 18px; margin:0 0 100px; background:url(../images/common/foot_bg.png) center top no-repeat;}
.footer .copyright{ line-height:36px; color:#333; font-size:22px; text-align:center;}

/*底部菜单*/
ul.footNav{ display:block; width:640px; overflow:hidden; background:#0085e3; 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:14px 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 .attr{ height:auto; min-height:70vh; padding:8px 0 28px;}
.main .attr:after{ display:block; content:'.'; height:0; visibility:hidden; clear:both;}
.main h3.title{ display:block; line-height:44px; color:#555; font-size:32px; text-align:center; padding:24px 20px 12px;}
.main p.mark{ display:block; height:48px; line-height:50px; color:#444; font-size:22px; text-align:center; background:#f0f0f0; margin:12px 20px 8px;}
.main .article{ min-height:280px; line-height:40px; color:#666; font-size:25px; font-weight:normal; padding:16px 24px;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .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:148px; height:54px; line-height:56px; color:#0085e3; font-size:24px; text-align:center; border:1px solid #0085e3; border-radius:4px;}
.main .change a:hover{ color:#fff; background:#0085e3;}

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

/*新闻列表*/
.main ul.newsList{ display:block; padding:0 18px; overflow:hidden; min-height:60vh;}
.main ul.newsList li{ display:block; overflow:hidden; padding:12px 0; border-bottom:1px dashed #c0c0c0;}
.main ul.newsList li a{ max-width:400px; height:46px; line-height:48px; color:#333; font-size:25px; white-space:normal; background:url(../images/common/news_list_bg.png) 6px center no-repeat; padding-left:36px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a:hover{ color:#d7170b;}
.main ul.newsList li span{ height:46px; line-height:48px; color:#888; font-size:23px; float:right;}

/*图片列表*/
.main ul.picList{ display:block; overflow:hidden; padding:14px 10px 0;}
.main ul.picList li{ padding:12px 8px 0; overflow:hidden; float:left;}
.main ul.picList li a.pic{ display:block; padding:6px; border:1px solid #b0b0b0;}
.main ul.picList li a.pic img{ display:block; width:280px; height:196px;}
.main ul.picList li a.title{ display:block; height:48px; line-height:52px; color:#333; font-size:22px; text-align:center; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.picList li:hover a.title{ color:#d7170b;}

/*产品详情*/
.main .proTab{ padding:16px 0 20px;}
.main .proTab .con{ overflow:hidden; padding:0 16px 16px;}
.main .proTab .con img.pro{ display:block; width:264px; height:192px; padding:12px 20px 0 0; float:left;}
.main .proTab .con h3.title{ display:block; width:324px; line-height:42px; color:#333; font-size:26px; font-weight:bold; text-align:left; padding:6px 0; float:left;}
.main .proTab .con .txt{ line-height:40px; color:#666; font-size:25px; font-weight:normal;}
.main .proTab .con .txt *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .proTab .con .txt img{ max-width:100%;}

.main .proTab ul.tab{ display:block; overflow:hidden; padding:0 2px;}
.main .proTab ul.tab li{ display:block; width:33.33%; background:#055ec2; float:left;}
.main .proTab ul.tab li a{ display:block; height:60px; line-height:62px; color:#fff; font-size:26px; text-align:center; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.main .proTab ul.tab li:nth-child(3n-2) a{ border-left:0;}
.main .proTab ul.tab li.cur{ background:#18a4e4;}
.main .proTab .article{ display:none;}













/**/