@charset "utf-8";


.main{ width:1200px; overflow:hidden; margin:30px auto 0;}

/* 首页 banner*/
.banner{ width:100%; min-width:1200px; height:637px; position:relative;  }
.banner ul li{ position:absolute; top:0; left:0; width:100%; height:637px;}
.banner ul li a{ display:block; width:100%; height:637px;}
.banner ol{ width: 300px; height:5px; margin-left: -150px; left:50%; z-index:999; position:absolute; bottom:30px;}
.banner ol li{ width:50px; height:5px; background:rgba(0,0,0,0.5); float:left; margin-right:15px; cursor:pointer}
.banner ol li.active{ background:#d7000f; }

/*第一部分*/
.demo1{ overflow:hidden; margin-bottom:40px;}

/*集团简介*/
.about{ width:315px; float:left; margin-right:35px;}
.pos_about{ line-height: 33px; border-bottom:2px solid #e4e4e4;}
.pos_about a{ display:block; width:108px; height: 33px; line-height: 33px; color:#222222; font-size:16px;  border:2px solid #e4e4e4; border-radius:8px 8px 0 0; border-bottom:none; padding-left: 13px;}
.pos_about a em{ background:url(../images/about.png) left top no-repeat; width:16px; height:13px;display: block;float: left;margin: 11px 10px 0 0;}
.pos_about a:hover em{ background-position:left bottom; }
.pos_about a:hover{ color:#d7000f;}
.about_info{ margin: 13px 0 0 0;}
.about_info p{ line-height:25px; color:#555555; height:152px; overflow:hidden; margin-bottom: 11px;}
.about_info a{ display:block; width:315px; height:40px; line-height:40px;  border:1px solid #e6e6e6; color:#222222; text-align:center; background:url(../images/about2.png) #f5f4f4 87px center no-repeat;}

/*专家说市 公司新闻  公告*/
.slideTxtBox{ width:500px; float:left; margin-right:35px; }
.slideTxtBox .hd{ height: 33px; /* line-height: 24px; */ border-bottom:1px solid #e4e4e4;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left: 0px; top: 0px;   height: 33px;line-height: 33px;overflow: hidden;}
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  margin-right: 2px;border: 2px solid #e4e4e4;border-bottom: none;border-radius: 8px 8px 0 0;}
.slideTxtBox .hd ul li a { color:#222222; font-size:16px;}
.slideTxtBox .hd ul li a em{display: block;float: left;margin: 9px -10px 0 0; width:16px; height:16px; }
.slideTxtBox .hd ul li:nth-of-type(1) a em{background:url(../images/expert.png) left top no-repeat;  width:16px; height:14px; }
.slideTxtBox .hd ul li:nth-of-type(2) a em{background:url(../images/news.png) left top no-repeat; }
.slideTxtBox .hd ul li:nth-of-type(3) a em{ background:url(../images/Notice.png) left top no-repeat;}
.slideTxtBox .hd ul li.on a em{ background-position: left bottom;}
.slideTxtBox .hd ul li.on a{ color:#d7000f;}
.slideTxtBox .bd ul{   zoom:1; padding: 11px 0 0 0;  }
.slideTxtBox .bd ul li{ line-height: 34px; border-bottom:1px dashed #e4e4e4; overflow:hidden;}
.slideTxtBox .bd ul li a em{ color:#bbbbbb; float:left; margin-right:15px;}
.slideTxtBox .bd ul li a span{width:360px; color:#555555; float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.slideTxtBox .bd ul li a:hover em,.slideTxtBox .bd ul li a:hover span{ color:#d7000f;}

/*新闻图片轮播*/
.news{ width:315px;  height:255px; position:relative; float:left;  }
.news ul li{ position:absolute; top:0; left:0;width:315px;  height:255px;}
.news ul li a{ display:block; width:315px;  height:255px;}
.news ul li a img{  width:315px;  height:215px;}
.news ul li a p{width:285px;  height:40px; position:absolute; left:0; bottom:0; background:#000; color:#fff; padding:0 15px; line-height:40px; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*第二部分*/
.demo2{ overflow:hidden; margin-bottom:50px;}

/*采购询价*/
.purchase_big{ width:315px; margin-right:35px; float:left; line-height:24px}
.pos_about.purch em{ background:url(../images/purchase.png) left top no-repeat;  height:15px;}
.pos_about.purch:hover em{ background-position:left bottom;}
.purchase{ margin-top:12px;} 
.note{ color:#555555; line-height:25px; margin-bottom: 9px;}
.note b{ color:#000;}
.note i{ color:#d7000f;}
.bot{ margin-bottom: 5px; overflow:hidden;}
.bot:last-child{ margin-bottom:0px;}
.bot label{ width:71px; float:left; margin-right:5px; color:#555555; height:30px; line-height:30px;}
.bot label em{ color:#d7000f; }
.bot .text{ float:right; width:227px; height:30px; padding:0 5px; border:1px solid #e4e4e4; color:#999999;}
.bot .text1{ height:57px;}
.bot .text2{ width:150px; margin-right:5px; float:left;}
.bot span{ width:72px; height:30px; float:right;}
.bot span img{width:72px; height:30px;}
.bot input[type=submit]{ width:239px; height:40px; line-height:40px; text-align:center; background:#f5f4f4; float:right; border:1px solid #e4e4e4; cursor:pointer;}

/*价格信息*/
.price{ width:500px; float:left; margin-right:35px;}
.pos_about.price1 em{ background:url(../images/Price.png) left top no-repeat;  height:15px;}
.price_list{ margin-top:20px; overflow:hidden;}
.price_list li{ width:160px; height:130px; border:1px solid #e7e7e7; margin:0 7px 15px 0; text-align:center; padding-top:25px; float:left;}
.price_list li:nth-child(3n){ margin-right:0px;}
.price_list li em{ width:69px; height:75px; display:block; margin:0 auto; }
.price_list li:nth-of-type(1) em{ background:url(images/price1.png) left top no-repeat;}
.price_list li:nth-of-type(2) em{ background:url(images/price2.png) left top no-repeat; width:69px; }
.price_list li:nth-of-type(3) em{ background:url(images/price3.png) left top no-repeat; width:73px; height:69px;}
.price_list li:nth-of-type(4) em{ background:url(images/price4.png) left top no-repeat;}
.price_list li:nth-of-type(5) em{ background:url(images/price5.png) left top no-repeat; width:73px; height:69px;}
.price_list li:nth-of-type(6) em{ background:url(images/price6.png) left top no-repeat; width:72px; height:72px;}
.price_list li:hover em{ background-position:left bottom;}
.price_list li span{ color:#555555; margin-top:20px; display:block;}
.price_list li:hover span{ color:#d7000f;}

/*价格指数*/
.index{  width:315px; float:left; }
.pos_about.index1 em{ background:url(../images/ndex.png) left top no-repeat;  height:13px;}
.index_zs{  width:313px; height:327px;border:1px solid #e7e7e7; margin-top:20px; display:table;}
.index_zs1{ display:table-cell; text-align:center; vertical-align:middle;}
.index_zs img{ width:280px; height:300px;}

/*第三部分*/
.demo3{ overflow:hidden; margin-bottom:40px;}

/*产品中心*/
.product{ width:850px; float:left;  margin-right:35px;}
.pos_about.pro em{ background:url(../images/pro.png) left top no-repeat; width:15px; height:15px;}
.pro_list{ overflow:hidden; margin-top:20px;  position:relative;}
.pro_list li{ overflow:hidden; float:left; width:220px; height:147px;  margin-right:3px;  position:relative;  }
.pro_list li:nth-of-type(5),.pro_list li:nth-of-type(6){ margin-right:0px;}
.pro_list li img{ width:220px; height:147px; }
.pro_list li:nth-child(3n+1){  width:200px; height:298px; }
.pro_list li:nth-child(3n+1) img{ width:200px; height:298px;}
.pro_list li:nth-of-type(3){ position:absolute; left:203px; top:151px; }
.pro_list li:nth-of-type(6){ position:absolute; right:1px; top:151px; }
.pro_list li span{ position:absolute; left:0; top:0; background:rgba(0,0,0,0);  width:220px; height:147px; transition:all 0.5s linear;  text-align:center; color:#f6f6f6; }
.pro_list li:nth-child(3n+1) span{  width:200px; height:298px; }
.pro_list li h2{ display:none; padding:22px 0 2px 0; font-size:18px; font-weight:normal;}
.pro_list li em{ display:none; line-height:25px;   padding: 0 20px 0;}
.pro_list li:hover span{  background:rgba(0,0,0,0.75); }
.pro_list li:hover h2,.pro_list li:hover em{ display:block;}
.pro_list li:nth-child(3n+1) h2{padding:80px 0 7px 0;}
/*荣誉资质*/
.honor{  width:315px; float:left; }
.pos_about.hon  em{ background:url(../images/honor.png) left top no-repeat; width:16px; height:16px;}
.hon_list{ overflow:hidden; padding-top:20px;}
.hon_list li{ float:left; border:1px solid #e5e5e5; width:151px; height:92px; margin:0 8px 8px 0;}
.hon_list li:nth-child(2n){ margin-right:0;}
.hon_list li:nth-of-type(5),.hon_list li:nth-of-type(6){ margin-bottom:0;}
.hon_list li a{ display:block;}
.hon_list li a img{ width:45px; height:45px; display:block; margin:12px auto 0;}
.hon_list li a span{ text-align:center; color:#555555; display:block; margin-top:7px;}
.hon_list li:hover a span{ color:#d7000f;}

/*第四部分  工程案例*/
.demo4{ width:1200px; margin-bottom:20px;}
.pos_dem{ overflow:hidden; line-height: 33px; border-bottom:2px solid #e4e4e4;}
.demo4_tit{ display:block; width:108px; height: 33px; line-height: 33px; color:#222222; font-size:16px;  border:2px solid #e4e4e4; border-radius:8px 8px 0 0; border-bottom:none; padding-left: 13px; float:left; cursor:pointer;}
.pos_dem a{ float:right; width:60px; height:33px; line-height:33px; color:#d7000f; background:url(../images/more.png) right center no-repeat;}
.demo4_tit em{  background:url(../images/gc.png) left top no-repeat; width:15px; height:16px;display: block;float: left;margin: 11px 10px 0 0;}
.demo4_tit:hover em{ background-position:left bottom;}
.demo4_tit:hover{ color:#d7000f;}
.demo4_list{ overflow:hidden; padding-top:20px;}
.demo4_list li{ float:left; width:232px; height:175px; position:relative; margin:3px 4px;}
.demo4_list li:nth-of-type(4),.demo4_list li:nth-of-type(7){ margin-right:0px;}
.demo4_list li img{  width:232px; height:175px;}
.demo4_list li.first { width:232px; height:350px;}
.demo4_list li.first img{  width:232px; height:350px;}
.demo4_list li.fourth { width:232px; height:350px;}
.demo4_list li.fourth img{  width:232px; height:350px;}
.demo4_list li:hover.first  a .opa h2{ padding-top:100px;}
.demo4_list li.first a .opa span{  line-height:25px;}
.demo4_list li a .opa{ position:absolute; left:0; bottom:0; width:100%; height:40px; background:url(../images/probg.png) repeat;  transition:all 0.5s linear;  color:#fff; }
.demo4_list li:child-first a .opa{  width:474px; height:347px;}
.demo4_list li a .opa h2{ font-weight:normal; text-align:center; line-height:40px; color:#CCC}
.demo4_list li a .opa span{  text-align:center; display:none; padding:0 20px;}
.demo4_list li:hover a .opa h2{ font-size:18px; padding-top:10px;}
.demo4_list li:hover a .opa{  height:100%; }
.demo4_list li:hover a .opa span{ display:block; color:#CCC}