@charset "UTF-8";
/*banner*/

.banner-box{ width:100%; height:600px; background:#000000; overflow:hidden;position: relative;}
.fullSlide{ width:100%;  position:relative;  height:600px; background:#ffffff;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:50px; height:3px; margin:3px; overflow:hidden; background:#ffffff; line-height:999px;}
.fullSlide .hd ul .on{ width:50px; border-radius:10px; background:#303030; -moz-transition: all ease .5s;-o-transition: all ease .5s;-webkit-transition: all ease .5s;transition: all ease .5s;}
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:2%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:2%; background-position:-6px -137px; }

.col-gold{color:#a0763d}

/*服务*/
.service{width: 100%;height: 650px;position: relative;background: #eeeeee;}
.service .service_center{width: 1400px;height: auto;margin: auto;position: relative;}
.service .service_center .service_name{width:500px;margin:auto;text-align:center;padding-top:100px}
.service .service_center .service_name p{font-size:30px}
.service .service_center .service_name em{display:block;font-size:18px;color:#827e7e}
.service .service_center .service_name img{width:223px;height:20px}
.service .service_center ul{overflow: hidden;    margin-top: 50px;}
.service .service_center ul li{float: left;position: relative;width: 453px;height: 279px;margin-left: 10px;}
.service .service_center ul li img{display: block;width: 100%;height: auto;}
.service .service_center ul li a{position:absolute;color:#E2E2E2;top:90px;width:350px;height:150px;margin:auto;left:0;right:0;background:rgba(0,0,0,.46)}
.service .service_center ul li a p{font-size:22px;margin:15px 0 5px 20px}
.service .service_center ul li a em{font-size:14px;margin:0 0 5px 20px;display:block}
.service .service_center ul li a div{width:90%;margin:15px auto;height:1px;background:#E0E0E0}
.service .service_center ul li a i{background:url(../images/jian.png);width:23px;height:23px;display:block;float:right;margin-right:20px}
/*.service .service_center ul li:hover a{display: block;}*/
@keyframes fade-in {
    0% {opacity: 0;}/*初始状态 透明度为0*/
    40% {opacity: 0.8;}/*过渡状态 透明度为0*/
    100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
    0% {opacity: 0;}
    40% {opacity: 0.8;}
    100% {opacity: 1;}
}
.service .service_center ul li a {
    animation: fade-in;/*动画名称*/
    animation-duration: 0.8s;/*动画持续时间*/
    -webkit-animation:fade-in 0.8s;/*针对webkit内核*/
}

/*案列*/
.case{width: 100%;height: auto;}
.case .case_center{}
#case_center{margin-bottom: 30px;}
.case .case_center .case_name{width:500px;margin:auto;text-align:center;padding-top:100px}
.case .case_center .case_name p{font-size:30px;    padding: 7px 0;}
.case .case_center .case_name em{display:block;font-size:18px;color:#827e7e}
.case .case_center .case_name img{width:223px;height:20px}
.case_b a {width:279px;margin: 40px auto 35px;display:block;background:#FFF;padding:10px;color:#a0763d;border:1px solid #a0763d;text-align:center;font-size:16px;}

.case .case_center .fen_ge{width: 1300px;margin:50px auto 0;overflow: hidden;    text-align: center;}
.case .case_center .fen_ge li{cursor: pointer;display: inline-block;zoom: 1;padding: 0 8px;overflow: hidden;font-size: 16px;color: #666;}
.case .case_center .fen_ge li a{display: block; font-size: 16px;color: #666;}
.case .case_center .fen_ge li:hover a{color: #a0763d;}

.index-common-navbar{padding-top:20px;padding-bottom:40px;font-size:14px;text-align:center}
.index-common-navbar li{display:inline-block}
.index-common-navbar li a{color:#303030;font-size:18px}
.index-common-navbar .navbar-line{padding:0 14px;color:#c3c3c3}
.index-common-navbar li:hover a{color: #a0763d;padding-bottom: 2px;border-bottom: 2px solid #a0763d; }

.index-case{ padding:60px 0;}
.index-case .red-more{ margin-top: 45px;}
.index-case-tab{ text-align: center;}
.index-case-tab span{ margin:28px 2px 0; display: inline-block; padding: 0 27px; line-height: 30px; height: 32px; border: 1px solid #e3e3e3; color: #585858; cursor: pointer;  transition: all ease .2s;  -webkit-transition: all ease .2s;}
.index-case-tab span.active{ background: #6d131e; border: 1px solid #6d131e; color: #FFFFFF;}
.index-case-tab span:hover{ border: 1px solid #585858; }
.index-case .js-tab-con.active{display:block;}
.index-case .js-tab-con{ margin-top: 25px; display:none;}

.index-case-list{width: 100%;display: block; overflow: hidden; margin:0 -2px; margin-top:30px;}
.index-case-list li{ float: left;padding: 15px 0 0 15px; width: 32.4%; text-align: center; }
.index-case-list li a{ position: relative; display: block;}
.index-case-list li .cimg{ width:100%;}
.index-case-list li .cimg img{ width: 100%;display: block;}
.index-case-list li .text{ position:absolute; bottom:0; left:0; width: 100%; height:0; background:rgba(0,0,0,.75);  transition: all ease .2s;  -webkit-transition: all ease .2s; overflow: hidden;}
.index-case-list li .con{ display: inline-block; vertical-align: middle; width: 100%; color:#FFFFFF;}
.index-case-list li .con p{ position: relative; font-size: 16px; padding:0 5px 18px;}
.index-case-list li .con p:after{ content:""; position: absolute; bottom:0; left:50%; margin-left: -20px; height: 1px; width:40px; background: rgba(255,255,255,.6);}
.index-case-list li .con div{ margin-top: 20px; opacity: .6;}
.index-case-list li .con div i{ margin: 0 10px; font-style: normal;}
.index-case-list li .con div i em{ font-style: normal;}
.index-case-list li .con span{ margin-top: 25px; display: inline-block; padding:5px 20px; text-transform: uppercase;  border: 1px solid #FFFFFF; opacity: .7;}
.index-case-list li .con+i{  display: inline-block; vertical-align: middle; height: 100%;}
.index-case-list li:hover .text{ height: 100%;}
.index-case-list li .text .em{    display: block;font-size: 16px;text-align: left;padding: 0 0 0 37%;line-height: 40px;}

@media (max-width:1540px) {
    .index-case-list li{ float: left;padding: 15px 0 0 13px;width: 32.3%; text-align: center; }
    .index-case-list li .con p{ padding-bottom: 10px;}
    .index-case-list li .con div { margin-top: 10px;}
    .index-case-list li .con span { margin-top: 10px; height: 26px; line-height: 24px; padding:0 10px; font-size: 12px;}
    .index-case-list li .text .em{display: block;font-size: 14px;text-align: left;padding: 0 0 0 37%;line-height: 35px;}
}

@media (max-width:1300px) {
    .index-case-list li{ float: left;padding: 15px 0 0 11px;width: 32.3%;text-align: center; }
    .index-case-list li .con div{ margin-top: 5px; font-size: 12px;}
    .index-case-list li .con p { font-size: 14px;}
    .index-case-list li .text .em{    display: block;font-size: 14px;text-align: left;padding: 0 0 0 37%;line-height: 30px;}
}


/*设计师*/
.design{width: 100%;height: auto;margin-top: 50px;}
.design .design_center{width: 1309px;margin: auto;height: auto;position: relative;}
.design .design_center .design_name{width:500px;margin:auto;text-align:center;padding-top:100px}
.design .design_center .design_name p{font-size:30px;    padding: 7px 0;}
.design .design_center .design_name em{display:block;font-size:18px;color:#827e7e}
.design .design_center .design_name img{width:223px;height:20px}
.design .design_center .slideBox{overflow:hidden;width:100%;position:relative;height:725px;margin-top:30px}
/* 效果CSS开始 */
.mod18{width:1309px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../images/left.png) no-repeat;}
.mod18 #prev,.mod18 #next{bottom: -48px;width:45px;height:95px;}
.mod18 .next{right:10px;background:url(../images/right.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:1309px;height:600px;position:absolute;color:#fff;}
.mod18 .picBox{width:1309px; height:600px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:600px;position:absolute; left:0;}
.mod18 .picBox li{ width:1309px;height:600px;}
.mod18 .listBox{width:1450px;height:250px;margin:0 auto;position:absolute;overflow:hidden;bottom: -125px;left: 0;right: 0;}
.mod18 .listBox ul{height:250px;position:absolute;}
.mod18 .listBox li{width:240px;height:240px;cursor:pointer;position:relative; padding: 0 10px 0 10px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{width: 100%;border:3px solid #fff;}
.mod18 .listBox .on img{border:3px solid #B9945F;}
.mod18 .listBox .on{}
.mod18 .listBox .on i{display:block;}

/*工艺*/
.technics_name{width:500px;margin:auto;text-align:center;padding-top:100px}
.technics_name p{font-size:30px;    padding: 7px 0;}
.technics_name em{display:block;font-size:18px;color:#827e7e}
.technics_name img{width:223px;height:20px}
.technics{/*background: url("../images/gong.jpg") center no-repeat;*/width: 100%;height: 711px;    margin-top: 30px;}
.technics_center{width: 1350px;height: 711px;margin: auto;position: relative;}
.technics_left{width: 55%;float: left;margin-top: 94px;}
.technics_left .v-cont{width: 773px;height: 538px;cursor: pointer;}
.technics_left .v-cont img{width: 773px;height: 538px;display: block;}
.technics_right{width: 40%;float: right;color: #bcbcbc;    margin-top: 110px;}
.technics_right span{display:block;}
.technics_right span img{text-align: right; margin-left: 90px; margin-bottom: 10px;}
.video-i{  width:732px; height:490px; border:5px solid #a5a5a5; position:relative; overflow:hidden; background:#000000; z-index:99;}
.xi-jie .hd{margin-left:80px}
.xi-jie .hd ul{width:100%;overflow:hidden}
.xi-jie .hd ul li{float:left;width:200px;height:120px;margin:15px;cursor:pointer;text-align:center;position:relative;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;transition:all 1.2s}
.xi-jie .hd ul li a{width:200px;height:120px;display:block;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;transition:all 1.2s;position:absolute;left:0;top:0;border:1px solid #fff;color:#fff}
.xi-jie .hd ul li.on a,.xi-jie .hd ul li:hover a{background:#BA9561;border:1px solid #BA9561;color:#000}
.xi-jie .hd-ts{width:147px;margin:0 auto;height:120px;position:relative}
.xi-jie .bd{width:754px;height:600px;margin:0 auto}
.bd ul .v-pl{width:686px;height:363px;margin:0 auto;border:5px solid #BA9561}
.v-js{width:754px;font-size:14px;color:#fff;text-align:center;margin:0 auto;padding-top:70px;line-height:25px}
.hd-ts-s{height:50px;line-height:50px;display:block;font-size:36px;font-weight:700;padding-top:12px}
.hd-ts-s i{font-size:48px;font-family:Arial;font-weight:700;padding-right:10px;font-style:normal}
.hd-ts-b{font-size:20px;line-height:52px}


/*工地*/
.site{width: 100%;height: 930px;overflow: hidden;}
.site .site_center{width: 1309px;height: 930px;margin: auto;overflow: hidden;position: relative;}
.site .site_center .site_name{width:500px;margin:auto;text-align:center;padding-top:100px}
.site .site_center .site_name p{font-size:30px;    padding: 7px 0;}
.site .site_center .site_name em{display:block;font-size:18px;color:#827e7e}
.site .site_center .site_name img{width:223px;height:20px}
.site .site_center ul{width:100%;overflow:hidden;margin-top:30px;}
.site .site_center ul li{float: left;position: relative;background: #fff;cursor: pointer; margin: 15px 0 0 15px; width: 420px; height: 275px;}
.site .site_center ul li a{display: block;width: 450px;height: 275px;}
.site .site_center ul img{width:100%;height:100%;margin:auto;display:block;margin-left:12px;}
.site .site_center ul li p{position: absolute;bottom: 0;font-size: 15px;text-align: center;left: 12px;right: -14px;color: #fff;background: rgba(0, 0, 0, 0.49);padding: 10px 0;}
.site .site_center .site_right{position: absolute;right: 0;width: 70px;height: 65px;background: rgba(125, 124, 113, 0.65);text-align: left; font-size: 14px; color: #fff;padding-left: 10px;padding-top: 10px;}
.site .site_center .site_right span{display: block;}
.site .site_center .site_right span em{font-size: 25px;}
.site .site_center .label{    display: block;
    padding: 10px;
    color: #a0763d;
    border: 1px solid #a0763d;
    text-align: center;
    font-size: 16px;
    width: 235px;
    margin: 50px auto;}
/*品牌*/
.brand_name{width:500px;margin:auto;text-align:center;padding-top:70px}
.brand_name p{font-size:30px;    padding: 7px 0;}
.brand_name em{display:block;font-size:18px;color:#929292}
.brand_name img{width:223px;height:20px}
.brand{width: 100%;height: 558px;margin-top: 50px;position: relative;}
.brand .hd{position: absolute;bottom: -150px;left: 0; height: 150px;width:65%;margin: auto;right: 0;   z-index: 99;}
.brand .hd li{float:left;width:33%;position:relative;overflow:hidden;cursor: pointer;height: 150px;}
.brand .hd li.on{background: #131313;}
.brand .hd li img{width:60px;height:60px;display:block;float:left}
.brand .hd li div{overflow:hidden;margin:40px auto 0;width: 300px;}
.brand .hd li p{float:left;font-size:28px;color:#A9A9A9;margin-left:30px}
.brand .hd li i{display:block;font-size:14px;color:#888}
.brand .bd{width: 100%;}
.brand .bd li{height: 558px;}
.brand .brand_center{width: 660px;margin: 85px 0 0 400px;height: 558px;position:relative;}
.brand .brand_center .brand_wen{width:540px;background:rgba(238,238,238,.8);height:auto;padding:100px 60px 130px;position: relative;}
.brand .brand_center .brand_wen span{display:block;font-size:35px}
.brand .brand_center .brand_wen p{font-size:14px;line-height:50px;color:#303030;margin-top:40px}
.brand .brand_center .brand_wen a{position:absolute;right:0;bottom:35px;background:#DFAF6D;padding:35px;font-size:18px;color:#fff;}
.brand_li{width:100%;height:150px;background:#464646;overflow:hidden}
.brand_center_two{width:1200px;height:150px;margin:auto}
.brand_center_two li{float:left;width:390px;position:relative;overflow:hidden;padding:45px 0}
.brand_center_two li img{width:60px;height:60px;display:block;float:left}
.brand_center_two li div{width:350px;overflow:hidden;margin:auto}
.brand_center_two li p{float:left;font-size:28px;color:#A9A9A9;margin-left:30px}
.brand_center_two li i{display:block;font-size:14px;color:#888}

.brand_li_xi{width: 100%;height: 100%;overflow: hidden;}
.brand_li_center{width: 1309px;height: 100%; margin: 35px auto 0;overflow: hidden;border: 1px solid #dcdcdc; }
.brand_li_center ul{padding: 25px 35px;overflow: hidden;}
.brand_li_center li{float: left;text-align: left; font-size: 16px; margin-right: 10px;width: 380px;color:#666; background:url("../images/arrow.png") no-repeat 0px 17px;padding-left: 20px;
    line-height: 45px;}
.brand_li_center li a{float: left;color:#666;}
.brand_li_center li a:hover{color:#a0763d;}
.brand_li_center .btn-more a{width:279px;margin: 0px auto 35px;display:block;background:#FFF;padding:10px;color:#a0763d;border:1px solid #a0763d;text-align:center;font-size:16px;}
.brand_li_center .btn-more a:hover{display:block;background:#a0763d;padding:10px;color:#fff;border:1px solid #a0763d;text-align:center;font-size:16px;}
.brand_li_center li:nth-child(3)
{
    margin-right: 0;
}
.brand_li_center li:nth-child(6)
{
    margin-right: 0;
}
/*攻略*/
.gong_lv{width:100%;height:420px}
.gong_lv .gong_lv_center{width:1300px;height:420px;    margin: 60px auto 0;}
.gong_lv .gong_lv_center .gong_left{float:left;width:707px;height:420px}
.gong_lv .gong_lv_center .gong_left a{display:block;height:130px}
.gong_lv .gong_lv_center .gong_left img{width:100%;height:100%;display:block}
.gong_lv .gong_lv_center .gong_left .lv_left{display:block;width:140px;height:103px;float:left;padding-left:90px;}
.gong_lv .gong_lv_center .gong_left .lv_right{float:right;width:437px;height:85px;font-size:16px;color:#999;padding:10px}
.gong_lv .gong_lv_center .gong_left .lv_right span{font-size:18px;color:#222;margin-bottom:10px;display:block}
.gong_lv .gong_lv_center .gong_left .lv_right p{font-size:14px;color:#999999;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;line-clamp: 2;box-orient: vertical;display: box;}
.gong_lv .gong_lv_center .gong_left li{height:125px;margin-bottom:18px；padding-left: 110px;}
.gong_lv .gong_lv_center .gong_left li:hover .lv_right{background: #2E2E2E;}
.gong_lv .gong_lv_center .gong_left li:hover .lv_right span{color: #ffffff;}
.gong_lv .gong_lv_center .gong_right{float:right;width:480px;height:420px}
.gong_lv .gong_lv_center .gong_right li{font-size:16px;border-bottom:1px dashed #ddd;height:50px;line-height:50px;color:#333}
.gong_lv .gong_lv_center .gong_right a{display:block;height:30px}
.gong_lv .gong_lv_center .gong_right .on_1{float:left;display:block;width:7px;height:7px;background:#ecb342;margin:21px 12px;}
.gong_lv .gong_lv_center .gong_right .on_2{float:left;display:block;text-align:center;margin-left:5px}
.gong_lv .gong_lv_center .gong_right .on_3{float:right;display:block;width:100px;text-align:center;color:#848484}
.gong_lv .gong_lv_center .gong_right li:hover .on_2{color:#a0763d}


/*服务流程*/
.process{background:url(../images/ting.jpg) center no-repeat;width:100%;height:321px;margin-top:50px}
.process .process_center{width:1200px;height:321px;margin:auto;position:relative}
.process_time{text-align:center;font-size:30px;color:#fff;border-bottom:1px solid;margin:0 auto 50px;width:120px;padding-bottom:10px;padding-top:50px}
.carousel{position:relative;width:1000px;margin:0 auto}
.carousel .next,.carousel .prev{display:none;position:absolute;bottom:20px;width:38px;height:62px;margin-top:-28px;z-index:9999;cursor:pointer}
.carousel .prev{background:url(../images/prev.png) 0 0 no-repeat;left:-85px}
.carousel .next{background:url(../images/next.png) 0 0 no-repeat;right:-85px}
.carousel ul{text-align:center}
.carousel li{width:88px!important;display:inline-block;zoom:1}
.carousel li a{display:block}
.carousel li i{color:#fff;font-size:15px;text-align:center;display:block}
.carousel li img{display:block;width:100%;border:0 none;margin-bottom:10px}

@media (max-width:1540px) {
    .brand .hd li img{width: 45px;height: 45px;}
    .brand .hd li p{font-size: 22px;}
    .brand .hd li i{font-size: 12px;}
}

@media (max-width:1300px) {
    .brand .hd li img{width: 45px;height: 45px;}
    .brand .hd li p{font-size: 22px;}
    .brand .hd li i{font-size: 12px;}
}

/*友情链接*/
.Links{width: 100%;height: auto;}
.Links .g-inr { position:relative; width:1300px; height:100%; margin:0 auto 50px; *zoom:1; overflow: hidden;}
.Link{ width:100%; height:100%;  }
.Link .L1{ width:100%; height:100%; clear:both; }
.Link .L1 li{float:left; margin-right:20px; margin-left:0px; margin-bottom:10px; text-align:center; border:1px solid #dcdcdc;}
.Link .L1 li p{ line-height:30px;}
.Link .L1 li p a{ padding:0 10px 0 10px; display:block;}
.Link .L1 li p a:hover{ background:#ed7924; color:#FFF; }
.Link .L2 { padding:20px 0 20px 0 }

.Links{ width:100%; height:100%;  }
.Links .L1{ width:100%; height:100%; clear:both; }
.Links .L1 li{float:left; margin-right:20px; margin-left:0px; margin-bottom:10px; text-align:center; border:1px solid #dcdcdc;}
.Links .L1 li p{ line-height:30px;}
.Links .L1 li p a{ padding:0 10px 0 10px; display:block;}
.Links .L1 li p a:hover{ background:#6a0053; color:#FFF; }
.Links .L2 { padding:20px 0 20px 0 }
/*视频弹出*/
.CuPlayer-tc{ width:780px; height:590px;margin-top: -295px; margin-left: -500px;position:fixed;top:50%;left:50%;box-shadow:0 0 10px rgba(0,0,0,.5);z-index:100001;_position:absolute;_top:expression(documentElement.scrollTop + 100 + "px"); background:##d5d5d5;  display:none;}
.CuPlayer-tc .CuPlayer-close{ width:64px; height:64px; position:absolute; right:0; top:0; background:url(../images/c_v_1.png) no-repeat; display:block; z-index:999; cursor:pointer;}
.video-i{  width:772px; height:580px; border:5px solid #a5a5a5; position:relative; overflow:hidden; background:#000000; z-index:99;}