*{padding: 0;margin: 0;}
body {
	font-family: 'Lato', "Microsoft YaHei", sans-serif;
	font-size: 14px; /* font-family: 'Cabin', "Microsoft YaHei",sans-serif; */
	min-width: 1200px;
}
a{text-decoration: none;color: #333333}li{list-style: none;}
.top-wrap{height: 30px;background-color: #f5f5f5;width: 100%;color: #999999;}
	.top{width: 1200px;margin: 0 auto;}
	.top .top-left{float: left;display: inline-block;width: 40%;line-height: 30px}
	.top .top-right{float: right;display: inline-block;width: 40%;text-align: right;line-height: 30px;font-size: 16px}
	.top .top-right span{color: #E53333;}
	.head-wrap{width: 100%;height: 70px;/*border-bottom: 1px solid red;*/}
	.head-wrap .head{width: 1200px;margin: 0 auto;}
	.head-wrap .head .head-left{width: 15%;display: inline-block;float: left;height: 20px}
	.head-wrap .head .head-right{width: 83%;display: inline-block;float: right;}
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.nav{ padding:0 20px; height:65px; line-height:34px; background:#fff;  position:relative; z-index:1;  margin-top: 5px;z-index:9999;  }
	.nav a{ color:#333333;  }
	.nav .nLi{ float:left;  position:relative; display:inline; width: 14%;  text-align:center;height: 100%;}
	.nav .nLi h3{ height: 100%;
    line-height: 65px;  }
	.nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:100;}
	.nav .sub{ display:none; width:100%; left: 0;
    top: 64.4px;  position:absolute; background:#E53333;line-height:26px; padding:5px 0;  }
	.nav .sub li{ zoom:1;    }
	.nav .sub a{ display:block;     padding: 8px 15px;}
	.nav .sub a:hover{ background:#f39800; color:#fff !important;  }
	.nav .on h3 a{ background:#E53333; color:#fff;   }



.bannerbox{width:100%;position:relative;overflow:hidden; margin:0 auto;}

.Homebanner{width:100%;position:relative;height:550px;overflow:hidden;}
.Homebanner ul{width:100%;position:absolute;height:550px;}
.Homebanner ul li{width:100%;height:550px;position:absolute;overflow:hidden;}
.Homebanner ul li img{width:1920px;position:absolute;left:50%; margin-left:-960px; top:0px;display:block;}

.Homeleft,.Homeright{background:#000;font-family:"宋体";width:30px;height:50px;line-height:50px;text-align:center;font-size:25px;color:#fff;position:absolute;top:45%;cursor:pointer;transition:all .2s ease;opacity:0;z-index:899999}
.Homeleft{left:-60px;}
.Homeright{right:-60px;}

.bannerbox:hover .Homeleft{left:0px;opacity:.4}
.bannerbox:hover .Homeright{right:0px;opacity:.4}

/*.Homedot{position:absolute;width:100%;text-align:center;z-index:999;bottom:20px;}
.Homedot a{display:inline-block;margin:0px 5px;height:12px;width:12px;line-height:1000px;overflow:hidden;background:url(../img/index_229.png) no-repeat;}
.Homedot a.cur{background:url(../img/index_228.png) no-repeat}*/

.Homebannertext{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannerone{position:absolute;width:1180px;left:50%;margin-left:-590px;top:251px;text-align:center;z-index:9999;}
.Homebannertext dl.bannerone dt{float:right;font-size:45px;width:750px;height:80px;margin-left:100px;line-height:75px;color:#fff;background:#eb3900;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannerone dd{float:right;font-size:29px;color:#fff;background:#000;width:360px;height:60px;line-height:60px;margin-right:45px;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannertwo{position:absolute;width:1180px;left:50%;top:0px;color:#fff;margin-left:-590px;z-index:9999;}
.Homebannertext dl.bannertwo dt{padding-top:110px;position:relative;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannertwo dt h3{font-size:50px;line-height:60px;font-weight:700;position:relative;}
.Homebannertext dl.bannertwo dt p{font-size:20px;position:relative;padding-top:20px;}
.Homebannertext dl.bannerthree{position:absolute;width:1220px;left:50%;margin-left:-610px;top:0px;}
.Homebannertext dl.bannerthree dt{float:left;position:relative;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree img{display:block;position:relative;width:auto;height:auto;left:0px;margin:0px;top:0px;}
.Homebannertext dl.bannerthree dd{width:500px;float:left;color:#fff;padding-top:170px;position:relative;padding-left:25px;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree dd h3{font-size:55px;font-weight:700;line-height:70px;}
.Homebannertext dl.bannerthree dd p{font-size:20px;line-height:30px;}

.bannereffect{opacity:0;filter:alpha(opacity=0);}

.bannertime{transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;}
.bannertime1{transition:all .8s ease-in-out .2s;-moz-transition:all .8s ease-in-out .2s;-ms-transition:all .8s ease-in-out .2s;-o-transition:all .8s ease-in-out .2s;-webkit-transition:all .8s ease-in-out .2s;}
.bannertime2{transition:all 1s ease-in-out .2s;-moz-transition:all 1s ease-in-out .2s;-ms-transition:all 1s ease-in-out .2s;-o-transition:all 1s ease-in-out 2s;-webkit-transition:all 1s ease-in-out .2s;}

.Homebanner li.cur .Homebannertext img.bigimg{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dd{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannertwo dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dt{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dd{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .bannereffect{opacity:1;filter:alpha(opacity=100);}

.Homebanner li.cur1 .bannertime{transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;-webkit-transition:all .4s linear .2s;}
.Homebanner li.cur1 .bannertime1{transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;-webkit-transition:all .4s linear .1s;}
.Homebanner li.cur1 .bannertime2{transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;-webkit-transition:all .4s linear;}
.Homebanner li.cur1 .Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dd{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannertwo dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dt{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dd{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .bannereffect{opacity:0;filter:alpha(opacity=0);}

 

.index_btnbox{width:295px;height:260px;background:#FFF;position:absolute;top:0px;left:0px;padding:20px 0px 0px 0px;}
.index_btnbox img{display:block;margin:auto;}
.index_btnbox p{margin:0px;padding:20px 0px 0px 19px;}
.index_btnbox p a{display:block;float:left;width:130px;padding-bottom:5px;line-height:24px;}


/* ABOUT */
.new-wrap{width: 100%;padding-bottom: 50px;}
.new{width: 1200px;margin: 0 auto;/*border: 1px solid red;*//* padding: 25px 0 0 0; */overflow: hidden}
.new ul{margin-top: 20px}
.new ul li{background: #fff;width: 24%;display: inline-block;height: auto;float: left;margin-left: 10px;color: #808080;border: 1px solid #d2d2d2;}
.new ul li a{color: #808080}
/*.new ul li:first-child{background: #008f3a;}.new ul li:first-child a{color: #fffcfa}*/
.new ul li .img{width: 288px;height: 192.29px;overflow: hidden;}
.new ul li .img img{width: 100%;height: auto;transition: all 0.5s;width: 288px;height: 192.29px;}
.new ul li:hover .img img{transform: scale(1.2);}
.new ul li:hover{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.new ul li .cent{padding: 50px 25px 30px 25px}
.new ul li .cent p{font-size: 13px;padding: 7px 0;}

/* 产品中心 */
.pro-wrap{width: 100%;/*height: 625px;*/background: #eeeeee;}
.pro-wrap{text-align: center;padding: 35px 0;}
.pro{width: 1200px;margin: 0 auto;text-align: left;}
.pro_uul{margin: 35px auto;height: 430px;}
.pro_uul li{width: 300px;height: 420px;float: left;}
.pro_uul li .cout{height: 210px;width: 100%;background: #FFFFFF;}
.pro_uul li .cout div{width: 84%;padding: 44px 0;margin: 0 auto;overflow: hidden;}
.pro_uul li .cout p{color: #666;font-size: 13.5px;line-height: 20px;}
.pro_uul li .cout a{background: #ea1b22;padding: 5px 10px 5px 10px;color: #fff;margin-top: 20px;}
.pro_uul li .pro_img{width: 100%;}
.pro_uul li .pro_img img{width: 100%;height: 210px;}
.pro_uul li:nth-child(2) .cout,.pro_uul li:nth-child(4) .cout{position: relative;top:210px;}
.pro_uul li:nth-child(2) .pro_img,.pro_uul li:nth-child(4) .pro_img{margin-top: -210px;}
figure{width: 100%;}
figcaption p{text-align: center;padding-bottom: 5px!important;color: rgba(255,255,255)!important;}


/* 我们的优势 */
.you-wrap{width: 100%;height: 540px;background: url(../img/you-bg.jpg) no-repeat 100% 100%;}
.you{width: 1200px;margin: 0 auto;text-align: center;padding: 30px 0;}
.you-cent{margin-top: 50px;}
.you-left{width: 46%;display: inline-block;float: left;}
.you-left ul li .you1,.you-left ul li .you22{display: none;}
.you-left ul li:first-child:hover .you1,.you-left ul li:last-child:hover .you22{display: block;}
.you-left ul li:first-child:hover .you11,.you-left ul li:last-child:hover .you2{display: none;}
.you-right ul li .you33,.you-right ul li .you44{display: none;}
.you-right ul li:first-child:hover .you33,.you-right ul li:last-child:hover .you44{display: block;}
.you-right ul li:first-child:hover .you3,.you-right ul li:last-child:hover .you4{display: none;}
.you-cent ul li{margin-top: 20px;}
.you-right{width: 46%;display: inline-block;float: right;}

/* 工程案例 */
.an-wrap{width: 100%;height: 415px;}
.an{width: 1200px;margin: 0 auto;text-align: center;padding: 40px 0;}
.an-cent{margin-top: 50px;}
.an-cent ul{margin-top: 20px}
.an-cent ul li{background: #fff;width: 24%;display: inline-block;height: auto;float: left;margin-left: 10px;color: #808080;border: 1px solid #d2d2d2;}
.an-cent ul li a{color: #808080}
/*.an-cent ul li:first-child{background: #008f3a;}.an-cent ul li:first-child a{color: #fffcfa}*/
.an-cent ul li .img{width: 288px;height: 192.29px;overflow: hidden;}
.an-cent ul li .img img{width: 100%;height: auto;transition: all 0.5s;width: 288px;height: 192.29px;}
.an-cent ul li:hover .img img{transform: scale(1.2);}
.an-cent ul li:hover{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.an-cent ul li .cent{padding: 10px}
.an-cent ul li .cent p{font-size: 13px;padding: 5px 0;text-align: left;}
.an-cent ul li .cent p span{color: red;font-size: 15px;}

/* 新闻中心 */
.news-wrap{width: 100%;height: 500px;text-align: center;padding-top: 40px;}
.news{width: 1200px;margin: 0 auto;text-align: center;padding: 40px 0;}
.news-left{text-align: left;display: inline-block;float: left;width: 49%;overflow: hidden;}
.news-left ul{overflow: hidden;}
.news-left ul li{background: #fff;width: 46%;display: inline-block;height: auto;float: left;margin-right: 20px;color: #808080;}
.news-left ul li a{color: #808080}
.news-left ul li .img{width: 280px;height: 192.29px;overflow: hidden;}
.news-left ul li .img img{width: 100%;height: auto;transition: all 0.5s;width: 280px;height: 192.29px;}
.news-left ul li:hover .img img{transform: scale(1.2);}
/* .news-left ul li:hover{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);} */
.news-left ul li .cent{padding: 10px 0;}
.news-left ul li .cent p{font-size: 13px;padding: 5px 0;text-align: left;color: #d0d0d0;}
.news-left ul li .cent p.cent-title{color: #333333;font-size: 16px;}
.news-left ul li .cent p.cent-title:hover{color: #d61318;}
.news-right{display: inline-block;float: right;width: 50%;text-align: left;}
.news-right ul li{height: 90px;border-bottom: 1px solid #999;padding: 10px 0;}
.news-right ul li .li-left{display: inline-block;width: 15%;border-right: 1.2px solid #cccccc;height: 80%;margin-top: 10px;text-align: center;float: left;}
.news-right ul li .li-left p.day{font-size: 36px;color: #666;}
.news-right ul li .li-left p.year{color: #999;font-size: 14px;}
.news-right ul li .li-right{display: inline-block;width: 70%;height: 80%;margin-top: 10px;float: left;padding-left: 15px;}
.news-right ul li .li-right p a{color: #333333;font-size: 16px;}
.news-right ul li .li-right p a:hover{color: #d61318}
.news-right ul li .li-right p{font-size: 13px;margin-top: 5px;color: #999999;}
.li-cent{display: inline-block;width: 10%;height: 80%;margin-top: 10px;float: right;text-align: center;vertical-align: middle;line-height: 70px;}


/* footer */
.footer-wrap{width: 100%;height: 300px;background-color: #313131;}
.footer{width: 1200px;margin: 0 auto;}
.footer-left{width: 45%;display: inline-block;margin-top: 4%;float: left;}
.fleft{display: inline-block;float: left;width: 25%;}
.fleft ul li.fleft-title{color: #fff;font-size: 16px;margin-bottom: 5px;padding-left: 5px;}
.fleft ul li{color: #a3a0a0;padding-left: 7px;margin-top: 10px;font-size: 13px;}
.footer-right{width: 55%;display: inline-block;height: 200px;margin-top: 4%;float: right;}
.footer-right .fright-l{width: 35%;display: inline-block;float: left;}.footer-right .fright-l p{color: #dedada;font-size: 15px;}
.footer-right .fright-l .fright-l-title{font-size: 16px;margin-top: 4%;color: #ffffff;}
.footer-right .fright-l .dianhua{margin-top: 10px;padding-left: 20px;}
.footer-right .fright-r{width: 30%;display: inline-block;float: right;text-align: center;margin-top: 2%;}
.footer-right .fright-r p{margin-top: 10px;color: #A3A0A0;}
.foot-wrap{height: 50px;background-color: #282828;line-height: 50px;color: #a3a0a0;}
.foot{width: 1200px;margin: 0 auto;}
.foot span{float: right;}.foot span a{color: #A3A0A0;}


