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

body,html{ width:100%; height:100%;}
body,html,div{ margin:0; padding:0; border:0;}
body,html,div,a,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,textarea{ margin:0; padding:0;border:0; font:14px "微软雅黑"; color:#555;  list-style:none;}
img { border:0; }
a{ text-decoration:none;}
textarea{  resize: none;}
@font-face{font-family:"IMPACT";src:url(fonts/IMPACT Regular.ttf);font-style:normal;}

/*  抬头 */
.header { width:100%; height:auto; overflow:hidden; padding:23px 0px;max-width:1920px;margin:0 auto; background:#b6050a;}
.headerz{width:1200px; height:auto; overflow:hidden; margin:0 auto; }
.head-lea{ float:left; width:73px; height:auto; overflow:hidden; background:url(../images/fgx.png) right center no-repeat; padding-right:17px;}
.head-lea img{ max-width:100%;}
.head-leb{ float:left; width:412px; height:auto; overflow:hidden; margin-top:5px; margin-left:17px;}
.head-lec{ float:right; background:url(../images/dh.png) left center no-repeat; padding-left:70px; margin-top:5px; }
.head-lec p span{ font-size:16px; color:#fff; text-transform:uppercase; }
.head-lec p font{ font-size:32px; color:#fff; font-weight:bold;font-family:"IMPACT";}


/*  banner  */
.ban1{width:100%; height:auto; overflow:hidden;margin:0 auto; }
.ban1z{ width:100%; height:auto; overflow:hidden; }   
.ban1 .ban1z-a{ position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;} 

/* 案例展示  */
.case{width:100%; height:auto; overflow:hidden; max-width:1920px; margin:0 auto;background:#fff; padding:60px 0px; }
.case-top{ width:1200px; height:auto; overflow:hidden; margin:0 auto; background:url(../images/btfg.png) bottom center no-repeat; padding-bottom:16px;}
.case-top h1{ text-align:center; font-size:38px; color:#000; font-weight:bold; line-height:44px;}
.case-top div{width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px; color:#666; margin-top:8px;}
.case-cent{ width:98%; height:auto; overflow:hidden; margin:0 auto; margin-top:35px;}
.case-cent ul li{ width:23%; height:auto; overflow:hidden; float:left; margin:1%; position:relative;}
.case-cent ul li a{ display:block;}
.case-cent ul li img{ width:100%; display:block;transition: all 0.2s;}
.case-cent ul li div{ width:100%; height:auto; overflow:hidden; text-align:center; padding:0.5em 0em; position:absolute; bottom:0; left:0;background-color: rgba(0,0,0,0.6); font-size:1.2rem; color:#fff;}
.case-cent ul li:hover img{transform: scale(1.1);transition: all 0.2s;}



/*  标语&电话  */
.poster{ width:100%; height:auto; overflow:hidden; background:url(../images/bgh1.jpg) center center no-repeat; padding:23px 0px; }
.posterz{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.posterz-a{ float:left; width:660px;height:auto; overflow:hidden; margin-top:30px;}
.posterz-a h1{ font-size:36px; color:#fff; font-weight:bold;font-style:italic; letter-spacing:1px; margin-bottom:8px;}
.posterz-a p span{ font-size:24px; color:#fff;}
.posterz-a div{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.posterz-a div a{ float:left; font-size:16px; color:#000; display:inline-block; width:156px; height:46px; overflow:hidden; border-radius:5px; background:#fff; text-align:center; line-height:46px;}
.posterz-a div span{ float:left; margin-left:20px; display:inline-block; width:306px; text-align:center; background:#fff; height:46px; overflow:hidden; border-radius:5px;}
.posterz-a div span font{ display:inline-block; height:46px; line-height:45px; font-size:16px; color:#000; background:url(../images/dh2.png) left center no-repeat; padding-left:23px;}
.posterz-b{ float:right;height:auto; overflow:hidden;}
.posterz-a div a:hover{ color:#b6050a;}

/*  服务项目  */
.service{width:100%; height:auto; overflow:hidden; max-width:1920px; margin:0 auto;background:url(../images/fwbj.jpg) top center no-repeat;padding:60px 0px; }
.service-top{ width:1200px; height:auto; overflow:hidden; margin:0 auto; background:url(../images/btfg2.png) bottom center no-repeat; padding-bottom:17px;}
.service-top h1{ text-align:center; font-size:40px; color:#fff; font-weight:bold; line-height:44px;}
.service-top div{width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px; color:#fff; margin-top:12px;}
.service-cent{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:45px;}
.service-cent ul li{ float:left; width:212px; height:60px; overflow:hidden; margin-left:35px; cursor:pointer;}
.service-cent ul li div{ width:210px; height:58px; overflow:hidden; border:1px #979797 solid; text-align:center; line-height:58px; font-size:24px; color:#fff; border-radius:4px;}
.service-cent ul li.om1{ margin-left:0px;}
.service-cent ul li.active{ background:url(../images/xzxg.png) top center no-repeat; padding-bottom:7px;}
.service-cent ul li.active div{ border:1px #e40000 solid;}
.service-bot{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:35px; background:#fff;}
.service-botz{width:100%; height:auto; overflow:hidden;}
.service-bota{ float:left; width: 750px; height: auto;; overflow: hidden;}
.service-bota img{ width: 100%;}
.service-botb{ float:right; width:395px; height:auto; overflow:hidden; margin-right:15px; margin-top:35px;}
.service-botb h1{  font-size:30px; color:#000; font-weight:bold;}
.service-botb p{ display:block;width:100%; height:auto; overflow:hidden; margin-top:15px;}
.service-botb p i{ display:block;width:62px; height:4px; background:#b6050a; overflow:hidden;}
.service-botb .om1{width:100%; height:auto; overflow:hidden; font-size:16px; color:#666; line-height:24px; margin-top:25px;}
.service-botb .om2{width:100%; height:auto; overflow:hidden;margin-top:25px;}
.service-botb .om2 a{ float: left; display:inline-block; width:113px; height:38px; overflow:hidden; border-radius:5px; border:1px #b4b4b4 solid; text-align:center; line-height:37px; font-size:16px; color:#666; margin-right:16px; margin-bottom: 15px;}
.service-abot{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:45px; text-align:center; }
.service-abot div{ display:inline-table;}
.service-abot div a{ float:left; font-size:18px; color:#000; display:inline-block; width:156px; height:52px; overflow:hidden; border-radius:5px; background:#fff; text-align:center; line-height:52px;}
.service-abot div span{ float:left; margin-left:20px; display:inline-block; width:332px; text-align:center; background:#fff; height:52px; overflow:hidden; border-radius:5px;}
.service-abot div span font{ display:inline-block; height:52px; line-height:52px; font-size:18px; color:#000; background:url(../images/dh2.png) left center no-repeat; padding-left:23px;}
.service-abot div a:hover{ background:#d40000; color:#fff;transition: all 0.2s;}
/*  工程实力  */
.strength{width:100%; height:auto; overflow:hidden; max-width:1920px; margin:0 auto;background:#f3f3f3; padding:60px 0px; }
.strength-cent{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:45px; text-align:center;}
.strength-cent ul{ display:inline-table;}
.strength-cent ul li{ float:left; height:54px; overflow:hidden; cursor:pointer; margin:0px 14px;}
.strength-cent ul li div{ height:54px; overflow:hidden; background:#ccc;text-align:center; line-height:54px; font-size:24px; color:#fff; border-radius:5px; font-weight:bold; padding:0px 35px;}
.strength-cent ul li.active{ background:url(../images/xkk.png) bottom center no-repeat; padding-bottom:7px;}
.strength-cent ul li.active div{ background:#d40000;}
.strength-bot{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:35px; }
.strength-botz{width:100%; height:auto; overflow:hidden;}
.strength-bota{ float:left; width:550px;height:350px; overflow:hidden;}
.strength-bota img{width:100%;}
.strength-botb{ float:right; width:595px; height:auto; overflow:hidden; margin-right:15px; margin-top:35px;}
.strength-botb h1{ font-size:36px; color:#000; font-weight:bold; margin-bottom:5px;}
.strength-botb p span{ font-size:22px; color:#333;}
.strength-botb .om1{width:100%; height:auto; overflow:hidden; font-size:18px; color:#333; line-height:24px;margin-top:25px;}
.strength-botb .om2{width:100%; height:auto; overflow:hidden;margin-top:25px;}
.strength-botb .om2 a{ font-size:16px; color:#fff; display:inline-block; width:156px; height:46px; overflow:hidden; text-align:center; line-height:46px; background:#d50000; border-radius:5px;}

/*  合作伙伴  */
.partner{width:100%; height:auto; overflow:hidden; max-width:1920px; margin:0 auto;background:#fff; padding:60px 0px; }
.partner-cent{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:45px; text-align:center;border-left:1px #e7e7e7 solid;border-top:1px #e7e7e7 solid;}
.partner-cent ul li{ float:left;width:149px; height:129px; overflow:hidden;border-right:1px #e7e7e7 solid;border-bottom:1px #e7e7e7 solid;} 
.partner-cent ul li a{ display:inline-block;width:149px; height:129px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.partner-cent ul li div{position:static;+position:absolute;top:50%;}
.partner-cent ul li div img{max-height:100%; max-width:100%;position:static;+position:relative;top:-50%;left:-50%;transition: all 0.2s;}










/**/
.bot1{width:100%; height:auto; overflow:hidden; margin:0 auto; background:#303031; }
.bot1z{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:50px 0px;}
.bot1z-a{ float:left; width:325px; height:auto; overflow:hidden;}
.bot1z-a1{width:100%; height:auto; overflow:hidden;}
.bot1z-a1 span{ font-size:18px; color:#fff;}
.bot1z-a1 font{ font-size:14px; color:#fff;}
.bot1z-a2{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.bot1z-a2 p{ margin-bottom:5px;}
.bot1z-a2 p span{font-size:14px; color:#fff; line-height:24px; margin-right:20px;}
.bot1z-b{ width:225px; height:auto; overflow:hidden; float:left; margin-left:40px;}
.bot1z-b1{ width:120px; height:auto; overflow:hidden; float:left;}
.bot1z-b2{ float:right;height:auto; overflow:hidden; margin-top:40px;}
.bot1z-b2 p{ margin-top:5px;}
.bot1z-b2 p span{ font-size:14px; color:#8d8d8f;}
.bot1z-c{ float:right; width:400px; height:auto; overflow:hidden;}
.bot1z-c2{width:100%; height:auto; overflow:hidden; margin-top:10px;}
.bot1z-c2a{ float:left; width:185px; height:auto; overflow:hidden;}
.bot1z-c2a ul li{ width:149px; height:38px; overflow:hidden; border:1px #8d8d8f solid; padding:0px 15px; margin-bottom:12px;}
.bot1z-c2a ul li input{ line-height:38px; background:none; color:#8d8d8f; font-size:14px;}
.bot1z-c2b{ float:right; width:183px; height:70px; overflow:hidden; border:1px #8d8d8f solid; padding:10px;}
.bot1z-c2b textarea{width:183px; height:70px; overflow:hidden; background:none;color:#8d8d8f; font-size:14px;}
.bot1z-c3{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:5px;}
.bot1z-c3 input{ width:178px; height:38px; overflow:hidden; background:#f1f1f1; cursor:pointer; color:#000; font-size:16px;text-align:center;}
/**/
.bot2{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#141414; }
.bot2z{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:20px 0px; text-align:center;}
.bot2z a{ font-size:14px; color:#646465;}
.bot2z span{font-size:14px; color:#646465; margin:0px 10px;}