@charset "utf-8";
/* CSS Document */
body{ font:normal 14px/22px 'Microsoft YaHei';}
*{ margin:0px auto;}
ul,li{ list-style:none; padding:0px; margin:0px auto;}
p,i,b,img,h2{ border:0px; padding:0px; margin:0px;}
a,a:hover{ text-decoration:none;}
button{ cursor:pointer;}
button:focus{ outline:medium;}

/********* 头部 *********/
#top{ width:100%; height:80px; display:inherit; background:#333; position:relative; z-index:1;}
#top h1{ width:232px; height:90px; position:absolute; left:0px; top:0px; z-index:999; line-height:90px; text-align:center; text-indent:-99em; background:url(../images/Logo.png) no-repeat left top;}
#top h1 a{ color:#fff; display:block; width:232px; height:90px;}
#top .topMenu{ width:602px; height:80px; text-align:center;}
#top .topTel{width:236px; height:28px; position:absolute; right:0px; margin:26px 0px;}
.topMenu li{ width:86px; height:80px; float:left; overflow:hidden;}
.topMenu li a{ display:block; width:86px; color:#fff; font:normal 16px/80px 'Microsoft YaHei'; position:relative; z-index:1;}
.topMenu li a:hover{ color:#333;}
.topMenu .TmStyle,.topMenu .TmLine{ height:0px; display:inherit; position:relative; z-index:0;}
.topMenu .TmStyle{ width:86px; background:#fff;}
.topMenu .TmLine{ width:14px; background:#f0be48; *left:-36px;}
.topTel span{ width:120px; height:28px; background:#d73d3d; font:bolder 14px/28px 'Microsoft YaHei'; color:#fff; text-align:right; padding-right:10px; margin-left:25px;}
.topTel i{ width:15px; height:3px; position:absolute; right:122px; top:12px; background:#fff;}
.topTel li{ width:38px; height:28px; float:right; overflow:hidden; position:relative; margin-right:1px; background:#444;}
.topTel li a{ display:block; width:38px; height:28px; position:relative;}
.topTel .IconTx,.topTel .IconWx{ width:38px; height:56px; position:absolute; top:0px; left:0px; background:url(../images/IconBg.png) no-repeat; cursor:pointer;}
.topTel .IconTx{ background-position:-183px -35px;}
.topTel .IconWx{ background-position:-222px -35px;}

/********* 大图 *********/
.banner{ width:100%; margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.banner .brImg{ width:100%; margin:0 auto; position:absolute; top:0px; *left:0px; z-index:0; overflow:hidden;}
.banner .brImg ul{ width:100% !important;}
.banner .brImg li{ width:100% !important; height:550px; overflow:hidden; text-align:center; float:left;}
.banner .brNum{ height:190px; position:relative; z-index:1;}
.banner .brNum span,.banner .brNum i{ display:block; position:absolute;}
.banner .brNum span{ width:134px; height:184px; border:3px solid #fff; right:1px; z-index:1;}
.banner .brNum i.Line{ width:26px; height:4px; background:#fff; right:96px; top:85px;}
.banner .brNum i.Num{ width:95px; height:40px; font:normal 28px/40px Arial; color:#fff; right:25px; top:132px;}
.banner .brNum font{ font-size:54px;}
.banner .brNum button{ width:50px; height:30px; display:block; position:absolute; z-index:2; top:23px; border:0px; padding:0px; background:url(../images/IconBg.png) no-repeat;}
.banner .brNum .prev{ background-position:0px 0px; right:72px;}
.banner .brNum .next{ background-position:-51px 0px; right:20px;}
.banner .brNum ul{ display:none; line-height:999px; overflow:hidden;}

/********* 关于 *********/
#cen{ width:100%; height:auto; overflow:hidden; position:relative; top:-30px; z-index:2;}
#cen .cenAboutCon{ height:461px; padding-top:100px;}
.cenAboutCon img{ position:absolute; left:0px; top:0px;}
.cenAboutCon h4{ width:112px; height:136px; float:left; position:absolute; left:340px; top:50px; background:url(../images/ImgBg.jpg) no-repeat 0px -862px; font:normal 16px/182px 'Microsoft YaHei'; text-align:center;}
.cenAboutCon h4 a{ display:block; width:94px; height:136px; float:left; color:#d92525;}
.cenAboutCon span{ display:block; width:116px; height:30px; position:absolute; left:340px; top:275px; float:left; border-bottom:3px solid #d92525; text-transform:uppercase; font:normal 20px/30px "Arial"; text-align:right;}
.cenAboutCon span a{ color:#999;}
.cenAboutCon p{ height:auto; position:relative; float:right; font:normal 14px/26px 'Microsoft YaHei'; color:#333; text-indent:2em;}

/********* 案例 *********/
#cen .cenCaseCon{ z-index:1; position:relative;}
.cenCaseCon h4 a{ display:block;}
.cenCaseCon .caseMore{ display:block; width:58px; height:32px; position:absolute; color:#333; font:normal 14px/14px 'Microsoft YaHei';}
.cenCaseCon .txtAbc{ height:30px; position:absolute; font:normal 12px/30px "Arial"; color:#666;}
.cenCaseCon button{ width:40px; height:35px; border:0px; padding:0px; position:absolute; top:411px; z-index:2; background:url(../images/IconBg.png) no-repeat;}
.cenCaseCon .prev{ background-position:0px -50px;}
.cenCaseCon .next{ background-position:-41px -50px; left:41px;}
#cen .cenCasePic{ overflow:hidden; position:relative; z-index:2;}
.cenCasePic ul{ height:280px; overflow:hidden; position:relative;}
.cenCasePic li{ height:280px; float:left; overflow:hidden; position:relative;}
.cenCasePic li img{ float:left;}

.cenCasePic li h3,.cenCasePic li span{ display:none; position:absolute; bottom:0px; width:90%; padding:0px 5%; float:left; background:rgba(199, 9, 17, 0.8) none repeat scroll 0 0 !important;}
.cenCasePic li h3{ height:20px; padding-top:10px; font:bolder 14px/20px 'Microsoft YaHei'; color:#fff;}
.cenCasePic li span{ height:30px; font:normal 12px/16px 'Microsoft YaHei'; color:#fff; padding-top:10px;}
.cenCasePic li i{ width:22px; height:2px; background:#fff; position:absolute; top:5px; left:5%;}

/********* 新闻 *********/
#cen .cenNewsCon{ width:100%; height:500px; z-index:1; background:url(../images/ImgBg.jpg) no-repeat center -295px;}
.cenNewsCon a.newsMore{ width:260px; height:46px; background:url(../images/IconBg.png) no-repeat center bottom; font:normal 14px/46px 'Microsoft YaHei'; text-indent:20px;}
.cenNewsCon ul li{ position:relative; float:left;}
.cenNewsCon ul li img{ position:absolute; top:6px; left:0px; z-index:1;}
.cenNewsCon ul li p{ width:298px; height:234px; position:absolute; right:0px; top:0px; background:#fff;}
.cenNewsCon ul li h3{ height:30px; z-index:2; font:bolder 14px/30px 'Microsoft YaHei';}
.cenNewsCon ul li h3 a{ color:#333;}
.cenNewsCon ul li h3 a:hover{ color:#cc1d24;}
.cenNewsCon ul li .colorHoverA{ color:#cc1d24;}
.cenNewsCon ul li b{ float:left; font:normal 14px/22px 'Microsoft YaHei'; color:#666;}
.cenNewsCon ul li .colorHoverB{ color:#999;}
.cenNewsCon ul li span{ width:98px; height:26px; position:absolute; z-index:2; background:#cc1d24; right:0px; bottom:25px; font:normal 14px/24px 'Microsoft YaHei'; color:#fff; text-transform:capitalize; text-align:center;}
.cenNewsCon ul li span a{ display:block; width:98px; height:26px; color:#fff;}
.cenNewsCon ul li span a:hover{ display:block; width:98px; height:26px; color:#fff; background:#e3aa24;}
.cenNewsCon ul li i{ position:absolute; color:#000; z-index:1;}
.cenNewsCon ul li i.ColBla{ width:25px; height:20px; border-bottom:2px solid #000; font:bolder 14px/20px "Arial"; text-align:right; top:35px; left:72px;}

/********* 地图 *********/
#cen .cenMapCon{ z-index:1; padding:100px 10px 0px 10px; background:url(../images/Map.jpg) no-repeat center bottom;}
#cen .cenMapCon h4{ width:120px; height:220px; padding-top:20px; float:left; background:url(../images/ImgBg.jpg) no-repeat -194px -810px; font:normal 16px/16px 'Microsoft YaHei'; text-indent:20px;}
#cen .cenMapCon h4 a{ display:block; height:30px; color:#fff;}
#cen .cenMapCon span{ width:auto; height:30px; float:right; text-align:right; color:#333; font:normal 14px/30px 'Microsoft YaHei'; text-transform:uppercase;}
#cen .cenMapCon span font{ padding:0px 16px;}
#cen .cenAboutBg,#cen .cenNewsBg{ display:block; width:100%; position:absolute; z-index:-1; background:url(../images/ImgBg.jpg) no-repeat;}
#cen .cenAboutBg{ height:165px; top:396px; background-position: center -115px;}
#cen .cenNewsBg{ height:500px; background-position: center -295px;}

/********* 底部 *********/
#foot{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:96px; padding:30px 0px; background:#1e2027;}
#foot .footCon{ height:auto; position:relative; font:normal 12px/22px 'Microsoft YaHei';}
#foot .footTop{ display:block; height:85px; float:left; border-bottom:1px solid #34363d; color:#878a93; font:normal 30px/30px 'Microsoft YaHei'; text-align:center;}
#foot .footTop span{ display:block; font:normal 14px/30px 'Microsoft YaHei'; position:absolute; text-align:left; *top:26px; letter-spacing:2px;}
#foot .footTop font{ font:normal 32px/30px 'Arial';}
#foot .footTop i{ display:block; position:absolute; background:#8c8f99;}
#foot .footTop i.LineBold{ width:10px; height:3px; top:41px;}
#foot .footTop i.LineFine{ width:26px; height:1px; top:49px;}
.footCon ul{ height:auto; float:left;}
.footCon ul li{ width:auto; height:22px; padding-right:10px; float:left; color:#424551;}
.footCon ul li a{ color:#424551; transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s;}
.footCon ul li a:hover{ color:#5a5f70;}
.footCon .conLine{ height:22px; float:left; color:#424551; position:relative;}
.footCon .conLine img{ height:14px; position:absolute; top:4px; left:0px;}
.footCon .conLine a{ color:#424551; transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s;}
.footCon .conLine a:hover{ color:#5a5f70}
.footCon .conLine a.ImgBor{ padding-left:20px;}
.footCon .conPic{ display:block; width:320px; height:123px; position:absolute; right:0px; top:110px; background:#18191c; border:1px solid #161617;}
.footCon .conPic img{ float:right;}
.footCon .conPic span{ color:#999; font:normal 16px/22px 'Microsoft YaHei'; position:absolute; top:38px; left:30px;}
.footCon .conPic i.wxWord{ color:#c8c8c8; text-transform:uppercase; font:normal 12px/22px 'Arial'; letter-spacing:11px; position:absolute; top:62px; left:30px;}
.footCon .conPic i.wxLine{ width:15px; height:2px; background:#f2ad2b; position:absolute; top:72px; left:150px;}

.transA{ transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s;}
.transB{ transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
.transC{ transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}