@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.yin{padding: 115px 0 90px;}
.yin dl{width: 1200px;height: 175px;border-bottom: #e5e5e5 2px solid;margin-bottom: 40px;}
.yin dl dt{width: 395px;float: left;font-size: 38px;color: #333;background:url(../images/yin_line01.gif) no-repeat right 10px;line-height: 40px;height: 100px;padding: 10px 0 0;}
.yin dl dt span{display: block;font-size: 18px;color: #b2b2b2;padding: 10px 0 0; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.yin dl dt i{font-weight: bold;padding: 0 10px;color: #bb9d77;}
.yin dl dd{width: 760px;float: right;font-size: 18px;color: #737373;line-height: 36px;height: 108px;overflow: hidden;}

.yin ul li{width: 240px;height: 140px;text-align: center;float: left;overflow: hidden;background:url(../images/yin_line02.gif) no-repeat 0 20px;}
.yin ul li em{display: block;width: 70px;height: 70px;line-height: 0;overflow: hidden;margin: 0 auto;}
.yin ul li em img{width: 70px;height: 140px;-webkit-transition:all .5s;transition:all .5s;}
.yin ul li span{display: block;font-size: 24px;color: #333;height: 44px;line-height: 22px;overflow: hidden;padding-top: 15px;}
.yin ul li i{display: block;font-size: 12px;color: #aaa;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;padding: 5px 0 0;}
.yin ul li b{display: none;font-size: 14px;color: #666;height: 48px;line-height: 24px;overflow: hidden;width: 130px;margin: 0 auto;font-weight: normal;padding: 15px 0 0;}
.yin ul li:first-child{background: none;}
.yin ul li:hover em img{margin-top: -70px;}
.yin ul li:hover span{display: none;}
.yin ul li:hover b{display: block;}

/*石材中心*/
.cp01{background:url(../images/cp_bg01.gif) no-repeat center 0;height: 940px;overflow: hidden;}
.cp_l{width: 500px;height: 525px;overflow: hidden;}
.cp_t{width: 500px;height: 151px;background:url(../images/cp_line01.gif) no-repeat;overflow: hidden;}
.cp_t a{display: block;padding: 0 0 0 35px;font-size: 46px;color: #333;line-height: 46px;}
.cp_t a:hover,.cp_lm h3 a:hover{color: #bb9d77;}
.cp_t em{display: block;width: 360px;height: 70px;}
.cp_t span{display: block;font-size: 18px;color: #777;font-weight: normal;}
.cp_lm{padding: 180px 0 0;}
.cp_lm h3{height: 64px;line-height: 64px;overflow: hidden;border-bottom: #e5e5e5 1px solid;width: 445px;margin-bottom: 20px;}
.cp_lm h3 a{font-size: 24px;color: #333;}
.cp_lm h3 em{display: block;float: left;width: 54px;height: 52px;line-height: 0;overflow: hidden;padding: 7px 15px 0 0;}
.cp_lm h3 em img{width: 54px;height: 52px;}
.cp_lm ul li{float: left;width: 160px;height: 50px;line-height: 50px;overflow: hidden;}
.cp_lm ul li a{font-size: 22px;color: #333;display: block;height: 50px;background:url(../images/cp_ico01.gif) no-repeat 0 20px;padding-left: 25px;}
.cp_lm ul li a:hover{color: #bb9d77;background:url(../images/cp_ico02.gif) no-repeat 0 20px;}
.cp_lpic{position: absolute;top: 200px;left: 0;}
.cp_lpic ul li{width: 137px;height: 103px;line-height: 0;float: left;position: relative;margin-right: 16px;}
.cp_lpic ul li img{width: 137px;height: 103px;}
.cp_lpic ul li span{width: 137px;height: 103px;display: block;text-align: center;line-height: 103px;overflow: hidden;position: absolute;top: 0;left: 0;font-size: 20px;color: #333;}
.cp_lpic ul li:hover span,.cp_lpic ul li.on span{color: #fff;}
.cp_r{width: 700px;box-shadow: 3px 12px 5px rgba(0,0,0,0.2);}
.cp_r p{width: 700px;height: 525px;line-height: 0;overflow: hidden;}
.cp_r p img,.cp_bot ul li img,.cp02_m02 ul li img,.case01 dl dt img,.case02 ul li em img,.ys_m dl dt img,.wd_m dd h5 img{width: 700px;height: 525px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_r p img:hover,.cp_bot ul li img:hover,.cp02_m02 ul li img:hover,.case01 dl dt img:hover,.case02 ul li em img:hover,.ys_m dl dt img:hover,.wd_m dd h5 img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_bot{padding: 80px 0 0;overflow: hidden;}
.cp_bot ul li{width: 275px;float: left;margin-right: 32px;}
.cp_bot ul li em{width: 275px;height: 207px;display: block;line-height: 0;overflow: hidden;}
.cp_bot ul li img{width: 275px;height: 207px;}
.cp_bot ul li span{display: block;font-size: 16px;color: #333;height: 30px;line-height: 30px;overflow: hidden;width: 275px;text-align: center;padding: 15px 0 0;}
.cp_bot ul li:hover span{color: #bb9d77;font-weight: bold;}
.cp_no{display: block;font-size: 76px;color: #fff;position: absolute;top: 130px;right: -120px; font-family:"Times New Roman", Times, serif;font-style: italic;line-height: 70px;}

/*应用场景*/
.cp02{background:url(../images/cp_bg02.jpg) no-repeat center 0;height: 649px;overflow: hidden;}
.cp02_r{width: 880px;padding: 85px 0 0;}
.cp02_r .cp_lm{padding:0;}
.cp02_r .cp_lm h3{width: 700px;}
.cp02_r .cp_lm ul li{width: 140px;}
.cp02_r .cp_no{top: 110px;left: auto;right: 0;color: #bb9d77;}
.cp02_m02{padding: 15px 0 0;}
.cp02_m02 ul li{width: 418px;height: 314px;float: left;line-height: 0;overflow: hidden;margin-right: 22px;}
.cp02_m02 ul li img{width: 418px;height: 314px;}

/*匠心工艺质造*/
.five{padding: 75px 0 100px;}
.five_t{font-size: 40px;color: #333;text-align: center;background:url(../images/five_tbg.png) no-repeat center 8px;line-height: 40px;height: 90px;overflow: hidden;}
.five_t a{color: #333;}
.five_t span{display: block;font-size: 18px;color: #777;font-weight: normal;padding: 10px 0 0;}
.five dl{width: 218px;height: 361px;position: relative;overflow: hidden;float: left;margin-right: 27px;margin-top: 40px;}
.five dl dt{width: 218px;height: 361px;line-height: 0;}
.five dl dt img{width: 218px;height: 291px;}
.five dl dt span{width: 218px;display: block;font-size: 18px;color: #fff;height: 56px;line-height: 22px;text-align: center;overflow: hidden;background: #4d4d4d;padding: 14px 0 0;}
.five dl dt i{display: block;font-size: 12px;color: #7c7c7c;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.five dl dd{position: absolute;top: 0;left: 0;width: 218px;height: 0;overflow: hidden;}
.five dl dd p{font-size: 16px;color: #fff;width: 180px;margin: 0 auto;line-height: 28px;height: 112px;overflow: hidden;padding: 100px 0 0;text-align: center;}
.five dl dd {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-property: color;
  transition-property: color;
  transition: all 0.3s;
}
.five dl dd:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(187,157,119,0.8);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.five dl:hover dd:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.five dl:hover dd{height: 291px;}
.five dl.nobor{margin-right: 0;}

/*广告条*/
.ban01{background:url(../images/ban01.jpg) no-repeat center 0;height: 350px;overflow: hidden;}
.ban01 p{font-size: 40px;color: #333;line-height: 60px;padding: 90px 0 0;}
.ban01 p b{display: block;}
.ban01 p span{display: block;font-size: 16px;color: #bb9d77;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;padding: 30px 0 0;letter-spacing: 2px;}

/*客户案例*/
.case{padding: 90px 0;}
.case_l{width: 340px;margin-top: 40px;height: 420px;border: #bb9d77 1px solid;}
.case_t{width: 340px;height: 185px;background: #bb9d77;text-align: center;line-height: 40px;}
.case_t a{font-size: 30px;color: #fff;display: block;padding: 45px 0 0;height: 140px;}
.case_t b{display: block; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;font-style: italic;}
.case_l ul{display: block;padding: 65px 0 0 50px;}
.case_l ul li{width: 140px;float: left;height: 60px;}
.case_l ul li a{font-size: 16px;color: #333;display: block;float: left;width: 120px;height: 60px;line-height: 60px;background:url(../images/case_ico01.gif) no-repeat 0 26px;padding-left: 20px;}
.case_l ul li a:hover,.case_l ul li.on a{background:url(../images/case_ico02.gif) no-repeat 0 26px;color: #bb9d77;}
.case01{margin-top: 40px;width: 840px;height: 420px;}
.case01 dl{width: 840px;height: 420px;position: relative;}
.case01 dl dt{width: 840px;height: 420px;line-height: 0;overflow: hidden;}
.case01 dl dt img{width: 840px;height: 420px;}
.case01 dl dd{width: 175px;height: 335px;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.7);padding: 85px 30px 0 45px;z-index: 10;}
.case01 dl dd h5{height: 60px;line-height: 60px;overflow: hidden;background:url(../images/case_line01.gif) no-repeat 0 58px;width: 180px;z-index: 10;}
.case01 dl dd h5 a{font-size: 24px;color: #fff;font-weight: normal;}
.case01 .case_desc{font-size: 14px;color: #fff;line-height: 30px;height: 90px;overflow: hidden;padding: 35px 0 0;}
.case01 dl dd span{display: block;padding: 50px 0 0;}
.case01 dl dd span a{font-size: 14px;color: #bb9d77;}

.case02{margin-top: 20px;}
.case02 ul li{width: 388px;height: 250px;float: left;position: relative;margin-left: 18px;}
.case02 ul li em{width: 388px;height: 194px;display: block;line-height: 0;overflow: hidden;}
.case02 ul li em img{width: 388px;height: 194px;}
.case02 ul li span{display: block;font-size: 16px;color: #333;float: left;width: 388px;text-align: center;height: 50px;line-height: 50px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case02 ul li i{width: 388px;height: 2px;display:block;position: absolute;z-index: 4;bottom: 0px;left: 0;background: #aaa;}
.case02 ul li i:hover{background:#bb9d77\9;}/* IE6、IE7、IE8支持 */
.case02 ul li i:after{content:'';position:absolute;height:100%;width:0;background:#bb9d77;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;}
.case02 ul li:hover i:after{width:100%;}
.case02 ul li:first-child{margin-left: 0;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 130px;height: 860px;overflow: hidden;}
.ys_m{padding: 40px 0 0;}
.ys_m dl{position: relative;height: 640px;}
.ys_m dl dt{width: 1076px;height: 640px;position: absolute;top: 0;left: 50%;line-height: 0;overflow: hidden;margin-left: -116px;}
.ys_m dl dt img{width: 1076px;height: 640px;}
.ys_m dl dd{width: 384px;height: 600px;float: left;padding: 40px 50px 0;position: relative;}
.ys_m dl dd span{height: 55px;display: block;border-bottom: #d0b393 1px solid;font-size: 12px;color: #d2d2d2;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;line-height: 20px;}
.ys_m dl dd span i{display: block;}
.ys_m dl dd h5{font-size: 36px;color: #333;height: 96px;line-height: 48px;overflow: hidden;padding: 60px 0 0;}
.ys_m dl dd h5 i{display: block;font-weight: normal;}
.ys_m dl dd p{font-size: 16px;color: #666;line-height: 30px;padding: 35px 0 0;max-height: 150px;overflow: hidden;letter-spacing: 2px;}
.ys_m dl dd em{display: block;position: absolute;bottom: 40px;left: 50px;}
.ys_m dl dd em i{display: block;float: left;width: 40px;text-align: center;font-size: 20px;color: #bcbcbc;}
.ys_m dl dd em i.cur{color: #bb9d77;font-weight: bold;}
.ys_btn{position: absolute;top: 600px;left: 55px;}
.ys_btn a{display: block;float: left;width: 43px;height: 43px;margin-right: 20px;}
.ys_lico{background:url(../images/ys_lico01.png) no-repeat;}
.ys_lico:hover{background:url(../images/ys_lico02.png) no-repeat;}
.ys_rico{background:url(../images/ys_rico01.png) no-repeat;}
.ys_rico:hover{background:url(../images/ys_rico02.png) no-repeat;}

/*公司动态*/
.news{ width:830px;padding: 40px 0 0;}
.news_t{ height:40px; line-height:40px; }
.news_t ul li{float: left;}
.news_t ul li a{font-size: 18px;color: #333;display: block;height: 40px; padding:0 40px 0 15px;float: left; background:url(../images/news_line01.gif) no-repeat 0 11px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;color: #bb9d77; background:url(../images/news_line02.gif) no-repeat 0 10px;}
.news_t span{float: right;display: block;width: 150px;text-align: center;}
.news_t span a{font-size: 16px;color: #adadad;text-transform: uppercase;}
.news_m dl{ width:830px;height: 110px; border-bottom:#ddd 1px solid; padding:20px 0 0;overflow: hidden;}
.news_m dt{width: 150px;height: 90px;float: right; font-family:Arial, Helvetica, sans-serif;font-size: 16px;color: #5c5c5c;text-align: center;line-height: 34px; padding:20px 0 0;}
.news_m dt b{display: block;font-size: 44px;}
.news_m dd{ float:left; overflow:hidden; width:645px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news_m dd h5 a{font-size: 16px;color: #444;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dd h5 a:hover{color: #bb9d77;}
.news_m .news_desc{font-size: 14px;color: #777;line-height: 24px;height: 48px;overflow: hidden; padding:5px 0 0;}
.news_m dl:hover{ border-bottom:#bb9d77 1px solid;}

/*新闻中心*/
.wd{ width:325px;padding: 30px 0 0;}
.wd_m dl{ width:325px;}
.wd_m dt{width: 290px;height: 115px;background: #bb9d77;overflow: hidden; padding:25px 10px 0 25px;}
.wd_m dt a{display: block;font-size: 18px;color: #f0f0f0;font-weight: bold;height: 30px;line-height: 30px;overflow: hidden;}
.wd_m dt span{display: block;font-size: 18px;color: #f0f0f0; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0;}
.wd_m dd{ width:325px;}
.wd_m dd h5{width: 325px;height: 184px;overflow: hidden;line-height: 0;}
.wd_m dd h5 img{width: 325px;height: 184px;}
.wd_m .news_desc{font-size: 14px;color: #5c5c5c;line-height: 24px;overflow: hidden; padding:20px 35px 0;width: 255px;height: 100px;background: #f5f5f5;}
.news_btn{position: absolute;top: 130px;right: 15px;z-index: 20;}
.news_btn .pageState{font-size: 16px;color: #fff;}
.news_btn .pageState span{font-size: 26px;}

/*关于我们*/
.ab_bg{background:url(../images/ab_bg.jpg) no-repeat center 0;height: 580px;padding: 59px 0 0; overflow:hidden;margin-top: 90px;}
.about dl{padding: 60px 0 0;}
.about dl dt{width: 480px;height: 300px;float: left;padding-left: 16px;}
.about dl dt img{width: 480px;height: 300px;}
.about dl dd{width: 590px;float: right;}
.about .ab_desc{font-size: 14px;color: #333;line-height: 30px;height: 180px;overflow: hidden;}
.about dl dd span{display: block;float: right;line-height: 30px;margin-top: -30px;}
.about dl dd span a{font-size: 14px;color: #bb9d77;}
.about ul li{width: 147px;float: left;text-align: center;height: 120px;margin-top: 60px;}
.about ul li a{display: block;font-size: 20px;color: #333;}
.about ul li em{display: block;width: 55px;height: 55px;line-height: 0;overflow: hidden;margin: 0 auto 15px;}
.about ul li em img{width: 55px;height: 110px;-webkit-transition:all .5s;transition:all .5s;}
.about ul li a:hover{color: #bb9d77;font-weight: bold;}
.about ul li a:hover em img{margin-top: -55px;}

/*友情链接*/
.f_link{height: 60px;line-height: 60px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #666;width: 80px;text-transform: uppercase;}
.f_link p{font-size: 14px;color: #666;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #666; padding:0 10px 0 0;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}