/*position 当前位置  css*/
.position { margin-top: 20px; padding-bottom: 2px; border-bottom: 1px solid #e2e2e2; }
.position span { background: url(../images/position-i.png) no-repeat left center; padding: 0 3px 0 28px;}
.position span,.position a { display: inline-block; font: 14px/30px "微软雅黑","Microsoft YaHei"; color: #000; }
.position a:hover {text-decoration: underline; }
/*案例列表通用导航  css*/
.case-list { margin-top: 56px;}

/*案例列表通用导航  css*/
.g-case-tit { text-align: center;}
.g-case-tit h2 { font: bold 30px/46px "微软雅黑","Microsoft YaHei"; color: #000; }
.g-case-tit h2 em { font-weight: normal; text-transform: uppercase; }
.g-case-tit span { display: block; font: 16px/30px "微软雅黑","Microsoft YaHei"; color: #8d8d8d; }

.case-l-ul{ height: 40px; margin-top: 25px;}
.case-l-ul li { position: relative; float: left; line-height: 40px;  padding: 0 14px; background: url("../images/6.jpg") no-repeat right center; }
.case-l-ul li a { display: inline-block; font: 18px/40px "微软雅黑","Microsoft YaHei"; color: #000;  }
.case-l-ul li span {  display:block; position:absolute; bottom:0; left:50%; width:0; height:0; background: rgba(0,0,0,0.5); }
.case-l-ul li.last { background: none;}

/*案例内容  css*/
.case-cont {  }
.case-cont dl {width: 382px; float: left; padding-bottom: 15px; margin: 44px 11px 0 0; background: #f3f4f5; }
.case-cont dl:hover {box-shadow: 0 5px 20px #d5d5d5;}
.case-cont dl:nth-child(3n) { margin-right: 0;}
.case-cont dt { width: 382px; height: 358px; overflow: hidden; }
.case-cont dt img { width: 100%; height: 100%; object-fit: cover; display: block;  transform: scale(1, 1); transition: all 1s ease 0s;}
.case-cont dt img:hover { transform: scale(1.1, 1.1); transition: all 1s ease 0s; }
.case-cont dd { width: 357px; margin: 0 auto; }
.case-cont dd.case-dd-t{padding: 3px 0; }
.case-cont dd.case-dd-p{font: 15px/30px "微软雅黑","Microsoft YaHei"; color: #666; }
.case-cont dd.case-dd-o{ }

.case-cont dd.case-dd-t a { display: block; font: 18px/33px "微软雅黑","Microsoft YaHei"; color: #000; white-space: nowrap;
    overflow: hidden;  text-overflow: ellipsis; }
.case-cont dd.case-dd-o a { display:block; font: 15px/30px "微软雅黑","Microsoft YaHei"; color: #666; border-bottom: 2px solid #959ea6;padding: 0 2px;}
.case-cont dd.case-dd-o em {display: block;  font: 14px/30px "微软雅黑","Microsoft YaHei"; color: #666; padding-left: 20px; background: url(../images/40.png) no-repeat left center; }
.case-cont dd.case-dd-t a:hover,.case-cont dd.case-dd-o a:hover { font-weight: bold;}

/*新闻列表 news-list  css*/
.news-list { }

/*头部标题 css*/
.news-hd { margin: 37px 0; }
.news-hd ul { height: 40px; }
.news-hd ul li { height: 100%; width: 164px; float: left; margin-right: 10px; text-align: center; border: 1px solid #efefef;}
.news-hd ul li a {  display: block; font: 16px/40px "微软雅黑","Microsoft YaHei"; color: #000; }
.news-hd ul li a.current,.news-hd ul li a:hover { background: #8a949d; color: #fff; }
/*列表正文 css*/
.news-cont { }
.newslist { }
.newslistul {  padding-top: 36px;}
.newslistul li { width:1142px; height: 227px; padding: 7px 19px 7px 7px; background: #fff; margin-bottom: 37px; border: 1px solid #ddd;}
.newslistul li:hover { box-shadow: 0 0 5px #b8ac78; }
.newslistul li a.w-a {width: 220px; height: 226px; overflow: hidden; margin-right: 22px;float: left; }
.newslistul li a.w-a img { width: 100%; height: 100%;  object-fit: cover;  display: block;  transform: scale(1, 1); transition: all 1s ease 0s;  }
.newslistul li a.w-a img:hover { opacity: 0.8; /* transform: scale(1.1, 1.1); transition: all 1s ease 0s;*/ }
.newslistul li .xinwen-fl {  }
.xinwen-fl h4 {  height: 44px;}
.xinwen-fl h4 a{ font: 16px/44px "微软雅黑","Microsoft YaHei"; color: #333; }
.xinwen-fl h4 a:hover { color: #8a949d;}
.xinwen-fl p { text-indent: 2em; font: 14px/32px "微软雅黑","Microsoft YaHei"; color: #666;    margin-top: 10px; }
.xinwen-fl span { display: inline-block; font: 12px/26px  "微软雅黑","Microsoft YaHei"; color: #333; padding-left: 20px; background: url("../images/40.png") no-repeat left center; }
.xinwen-fl i { display: block; height: 1px;}
.xinwen-fl a.xq{ display: block; width: 105px; font: 13px/32px "微软雅黑","Microsoft YaHei"; background: #8a949d; color: #fff; text-align: center; border-radius: 4px;  margin-top: 28px; }
.xinwen-fl a.xq:hover { text-decoration: underline;}

/*推荐阅读 css*/
.reader {border: 1px solid #f4f5f6; box-shadow: 0 0 5px #f4f5f6; border-top: none; margin-bottom: 63px;}
.reader h2 { border-top: 2px solid #000; text-indent: 5px; }
.reader h2 span { display: inline-block;  font: bold 20px/40px "微软雅黑","Microsoft YaHei"; color: #000;}
.reader h2 em { display: inline-block; text-transform: uppercase;  font: 16px/40px "微软雅黑","Microsoft YaHei"; color: #b3b3b3; }
.reader dl {  border-top: 1px dashed #e4e3e1;  border-bottom: 1px dashed #e4e3e1; padding: 17px 0;}
.reader dl dt { float: left; width:315px ; height: 175px; border: 1px solid #cecece; padding: 6px; margin: 0 14px 0 5px;}
.reader dl dt img {width: 100%;height: 100%; object-fit: cover; display: block; }
.reader dl dd {float: left; width: 800px;}
.reader dl dd.reader-t {  }
.reader dl dd.reader-p { padding-top: 5px; }
.reader dl dd.reader-a { width:117px ; background: #959ea6; text-align: center; margin-top: 10px;}
.reader dl dd.reader-t a { font: 20px/40px "微软雅黑","Microsoft YaHei"; color: #000; }
.reader dl dd.reader-t a:hover { font-weight: bold;}
.reader dl dd.reader-p { font: 14px/30px "微软雅黑","Microsoft YaHei"; color: #555;}
.reader dl dd.reader-a a {display: block; font: 16px/30px "微软雅黑","Microsoft YaHei"; color: #fff;}
.reader dl dd.reader-a a:hover { text-decoration: underline;}

.reader .reader-ul {width: 100%; padding: 20px 0; }
.reader .reader-ul li {width: 49%; }
.reader .reader-ul li:nth-child(even) { float: right;}
.reader .reader-ul li:nth-child(odd) { float: left;}

.reader .reader-ul li a,.reader .reader-ul li em {display: block; font: 14px/36px "微软雅黑","Microsoft YaHei"; color: #555; }
.reader .reader-ul li a { float: left; text-indent: 15px; background: url(../images/n-1.png) no-repeat 5px center; padding-left: 5px;}
.reader .reader-ul li a:hover { text-decoration: underline;}
.reader .reader-ul li em {float: right; font: 12px/36px "微软雅黑","Microsoft YaHei"; color: #a6a6a6; padding-right: 20px;}
/*article css*/
.article { }
.art-fl {width: 933px; }
.art-fl .art-tit { position: relative; padding: 22px 0 10px; border-bottom: 1px dashed #999;}
.art-fl .art-tit h3 { font: 24px/46px "微软雅黑","Microsoft YaHei";color: #000;  }
.art-fl .art-tit span { display: inline-block; padding-right:22px ; font: 14px/26px "微软雅黑","Microsoft YaHei"; color: #999;}
.art-fl .art-tit a {  position: absolute; right: 0; bottom: 10px; display: block; width: 108px; height: 32px; background: url(../images/goback.png) no-repeat;}
.art-fl .art-body{  padding: 25px 0;}
.art-fl .art-body,.art-fl .art-body p { font: 14px/30px "微软雅黑","Microsoft YaHei"; color: #555;}
.art-fl .art-body img,.art-fl .art-body p img { max-width: 900px !important;}

.art-fl .art-page {background: #f7f7f7;text-indent: 13px; padding: 10px 0;}
.art-fl .art-page span { display: block; font: 14px/35px "微软雅黑","Microsoft YaHei"; color: #555; }
.art-fl .art-page span em { font-weight: bold;}
.art-fl .art-page span a{ color: #555;}
.art-fl .art-page span a:hover { text-decoration: underline;}

.art-fl .art-key {margin-top: 18px; font: 14px/30px "微软雅黑","Microsoft YaHei"; color: #666;}
.art-fl .art-key span { color: #000; font-weight: bold; }

.art-fl .reader { width: 100%; margin-top:16px; }
.art-fl .reader dl dd { width: 555px;}
.art-fl .reader dl dd.reader-a { width: 117px; }

/*模块导航 css*/
.module { width:210px ; margin-top: 30px;}
.mod1 { border: 1px solid #e5e3e3;}
.mod1 h3 { font: bold 22px/60px "微软雅黑","Microsoft YaHei"; color: #fff; background: #000; text-align: center;   }
.mod1 ul { width: 190px; margin: 0 auto;  padding: 20px 0 0;}
.mod1 ul li { width: 100%; margin-bottom: 20px ;}
.mod1 ul li .mod-img { width: 100%; height: 213px; overflow: hidden;}
.mod1 ul li img { width: 100%; height: 100%; object-fit: cover; display: block;  transform: scale(1, 1); transition: all 1s ease 0s;}
.mod1 ul li img:hover { transform: scale(1.1, 1.1); transition: all 1s ease 0s;}
.mod1 ul li span {border-bottom: 3px solid #d5d8dd; width: 100%; display: block; font: 14px/30px "微软雅黑","Microsoft YaHei"; color: #000; text-align: center;}
.mod1 ul li:hover span {color: #999;}

.mod2 {  width: 100%; border: 1px solid #e5e3e3; margin: 23px 0;}
.mod-n { border-bottom: 1px solid #e8e8e8;}
.mod-m {width: 190px; margin: 0 auto; padding-top: 12px;}
.mod-m span { display: block;  text-align: left; font:14px/30px "微软雅黑","Microsoft YaHei"; color: #666;}

.mod-n span { display: block; text-align: center; padding: 3px 0; color: #000; }
.mod-n span.sp1 { font: 20px/36px  "微软雅黑","Microsoft YaHei"; }
.mod-n span.sp2 { }
.mod-n span.sp3 { font: 12px/14px "微软雅黑","Microsoft YaHei";}
.mod-n span.sp4 { font: bold 22px/28px "微软雅黑","Microsoft YaHei"; padding-bottom: 15px;}

/*分页  css*/
#list-pages { height: 22px; margin: 0 auto; padding: 55px 0 55px; text-align: center; }
#list-pages li { float: left; width: 26px; height: 26px; line-height: 26px; margin-right: 5px }
#list-pages li, #list-pages li.thisclass, #list-pages li a { width: 26px; height: 26px; font-size: 14px; font-family: 'Microsoft YaHei'; color: #000;}
#list-pages li a { display: block; background-color: #f3f3f3 }
#list-pages li.thisclass { background-color: #646464; color: #fff; }
#list-pages li.page-bg { width: 62px; height: 28px; background: url(../images/page.png) no-repeat 0 0 }
#list-pages li.page-bg a { width: 62px; height: 28px; background: url(../images/page.png) no-repeat 0 0 }
#list-pages li.pageinfo { width: 100px; height: 28px; background: url(../images/page1.png) no-repeat 0 0; color: #C3C7CC }

/*公司简介 css*/
.intro-section {background: url(../images/32.jpg) no-repeat top center; margin-top: 65px; }
.introw { }
.introcont { position: relative; z-index: 100; width: 436px; height: 262px;  padding-top: 27px; }

.introcont .ivo { position: absolute; left: -63px;  top: 65px; z-index: 200; width: 85px; height: 92px; background: url(../images/31.png) no-repeat center; }
.ivo span { display: block; width: 54px; font: 24px/30px "微软雅黑","Microsoft YaHei"; text-align: center; margin: 12px auto 0 ; }
.ivo span a { color: #fff;  }

.introcont .in-fl { width: 424px; height: 250px; background: #fff; padding: 6px; box-shadow: 0 0 5px #b8ac78; }
.introcont .in-fl a { display: block; width: 424px; height: 250px; overflow: hidden; }
.introcont .in-fl a img { width: 100%; height: 100%; object-fit: cover; transform: scale(1, 1); transition: all 1s ease 0s;display: block;  }
.introcont .in-fl a img:hover { transform: scale(1.1, 1.1); transition: all 1s ease 0s; }

.introtxt {position: relative; z-index: 90; margin-top: -65px;  background: url(../images/34.jpg) repeat; padding-bottom: 30px;}

.intro-fl {  }
.intro-fl h3 { background: url(../images/37.jpg) no-repeat left bottom ; width: 340px; transition: 0.6s all; padding-top: 20px;  }
.intro-fl h3 a { font: 22px/40px "微软雅黑","Microsoft YaHei"; color: #000; }
.intro-fl h3:hover { background-position: center bottom; }
.intro-fl p { font: 15px/32px "微软雅黑","Microsoft YaHei"; color: #000; padding-top: 20px; }
.intro-fl p a { font: bold 15px/32px "微软雅黑","Microsoft YaHei"; color: #000; }
.intro-fl p a:hover { color: #e9573e;}

/*企业文化 css*/
.qy-culture .intro-fl { width: 690px;  max-height: 216px;}
.qy-culture .intro-fr { width: 440px;  padding-top: 42px;}
.qy-culture .intro-fr { width: 440px; padding-top: 42px;}
.qy-culture .intro-fr em,.intro-fr span { display: block; height: 84px; float: left;}
.qy-culture .intro-fr span { width: 200px; padding: 0 40px 0 35px;}
.qy-culture .intro-fr span i { display: block; font: 14px/26px "微软雅黑","Microsoft YaHei"; color: #000; }





/*about-fa 方案 css*/
.intro-section .about-fa { padding: 50px 0; background: url(../images/about-1.jpg) repeat;}
.intro-section .conctbody { position: relative;margin-top: 40px; }
.conctdz { position: absolute; left: 435px; top: 0; color: #fff; background: #000; width: 298px; height: 126px; }
.conctdz span { display: block; width: 150px; font: 18px/40px "微软雅黑","Microsoft YaHei";   margin: 32px auto 0; border: 2px solid #fff; text-align: center;}
.conctdz em { font: 14px/30px "微软雅黑","Microsoft YaHei"; display: block; text-align: center; text-transform: uppercase; }
.conctul { padding-top: 38px; }
.conctul li { position: relative; float: left; margin-right: 9px; }
.conctul li:nth-child(1) { width: 427px; height: 350px; }
.conctul li:nth-child(2) { width: 298px; height: 293px; margin-top: 96px;  }
.conctul li:nth-child(3) { width: 207px; height: 350px; }
.conctul li:nth-child(4) { width: 210px; height: 350px; margin-right: 0; }
.conctul li:nth-child(1) img { display: block;  width: 427px; height: 350px;  }
.conctul li:nth-child(2) img { display: block;  width: 298px; height: 293px; }
.conctul li:nth-child(3) img { display: block;  width: 207px; height: 350px; }
.conctul li:nth-child(4) img { display: block;  width: 210px; height: 350px;  }
.conctul li .conctmc { display: block;  position: absolute; z-index: 100; bottom: 0; left: 50%;  width: 0; height: 0; background: rgba(0,0,0,0.5); overflow: hidden; color: #fff; text-align: center;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); /*IE8*/  }
.conctmc h3 { font: 17px/45px "微软雅黑","Microsoft YaHei"; margin-top: 30%; }
.conctmc h3 span { display: block; font: 14px/40px "微软雅黑","Microsoft YaHei";  text-transform: uppercase }
.conctul li:nth-child(3) .conctmc h3,.conctul li:nth-child(4) .conctmc h3  {  margin-top: 50%;  }

/*联系我们 css*/
.contact {margin-bottom: 78px; }
.ctt-tel { }
.ctt-tel dl { }
.ctt-tel dt { font: bold 22px/70px "微软雅黑","Microsoft YaHei"; color: #000; }
.ctt-tel dd {text-indent: 57px; font: 16px/70px "微软雅黑","Microsoft YaHei"; color: #000; border-bottom: 1px solid #efefef; }
.ctt-tel dd.cttd1 {background: url(../images/c1.jpg) no-repeat left center; }
.ctt-tel dd.cttd2 {background: url(../images/c2.jpg) no-repeat left center; }
.ctt-tel dd.cttd3 {background: url(../images/c3.jpg) no-repeat left center; }
.ctt-tel dd.cttd4 {background: url(../images/c4.jpg) no-repeat left center; }
.ctt-tel dd.cttd5 {background: url(../images/c5.jpg) no-repeat left center; }
.ctt-tel dd.cttd6 {background: url(../images/c6.jpg) no-repeat left center; }

.ctt-map {margin-top: 80px; width: 750px; height: 414px; overflow: hidden;}


/*磨石地坪系统 css*/
.ms-system { margin: 38px auto;}

.system-hd { background: #666; height: 90px;  }
.sys-tit { width: 220px; margin: 10px 16px 0 24px; }
.sys-tit span { display: block; font: 26px/38px "微软雅黑","Microsoft YaHei"; color: #fff;}
.sys-tit em { display: block; font: 16px/22px "微软雅黑","Microsoft YaHei"; color: #fff;}

.sys-hd  { width: 840px; }
.sys-hd ul { width: 100%; margin-top: 28px;}
.sys-hd ul li { width: 140px; float: left; text-align: center; color: #fff; font: 20px/30px "微软雅黑","Microsoft YaHei"; cursor: pointer;}
.sys-hd ul li a { color: #fff; }
.sys-hd ul li:hover,.sys-hd ul li.current { color: #c5cace; background: url(../images/41.png) no-repeat center center;}


/*主体内容 css*/
.system-body { }
.sys-b-gl {margin-top: 26px; }
.sys-bg-fl { width: 520px; height: 388px; padding:15px; background: #f3f6f7; }
.sys-bg-fl p  { width: 520px; height: 388px; overflow: hidden;}
.sys-bg-fl p img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1, 1); transition: all 1s ease 0s; }
.sys-bg-fl p img:hover { transform: scale(1.1, 1.1); transition: all 1s ease 0s;}


.sys-bg-fr { width: 580px;}
.sysbg-tt { }
.sysbg-ms { padding-top: 28px; }
.sysbg-zx { height: 40px; line-height: 40px; background: #f3f6f7;padding: 6px 0; margin-top: 40px;}

.sysbg-gg { width: 114px; display: inline-block; background: #8a949d; font: 18px/38px "微软雅黑","Microsoft YaHei";  color: #fff; margin-right: 10px; text-align: center; border-radius: 4px;}

.sysbg-tt span {}
.sysbg-tt em {width: 114px; display: inline-block; font: 18px/38px "微软雅黑","Microsoft YaHei";  color: #000; }
.sysbg-ms span { float: left; }
.sysbg-ms p {float: right; width: 450px; font: 16px/32px "微软雅黑","Microsoft YaHei"; color: #000;}
.sysbg-zx p { float: left; font: 20px/40px "微软雅黑","Microsoft YaHei"; color: #000; text-indent: 12px; }
.sysbg-zx p em { font-size: 26px; font-weight: bold; }
.sysbg-zx a { font: 18px/40px "微软雅黑","Microsoft YaHei"; color: #fff; background: #000; text-align: center; display: block; float: right;  margin-right: 12px; width: 164px; border-radius: 4px;}
.sysbg-zx a:hover { text-decoration: underline;}


.sys-b-con { margin-top: 27px; padding: 36px 0; background: #f3f6f7; font: 16px/30px "微软雅黑","Microsoft YaHei"; color: #000; }
.syscenter { width: 98%; margin: 0 auto;}