/* CSS Document */
/*banner部分*/
.banner_box{position:relative;left:50%;margin-left:-960px;width:1920px;}
.banner{/*height:560px;*/overflow:hidden}
.form{width:340px;height:500px;background:rgba(8,79,43,0.6);position:absolute;right:20%;top:0;}
.form span{display:block;color:#fff;font-size:18px; text-align:center;margin-top:50px;line-height:30px;font-weight:500;}
.form input{display:block;width:240px;height:40px;background:#fff;margin-top:20px;margin-bottom:20px;margin-left:40px;padding:0 10px;}
.form .your_name{margin-top:40px;}
.form .form_but{width:260px;height:44px;background:#FBED74;font-size:16px;margin-top:30px;}
.banner_yuan{position:absolute;text-align:center;bottom:15px;left:0;width:100%;}
.banner_yuan span{display:inline-block;width:20px;height:20px;background:#000;color:#fff;border-radius:100%;text-align:center;line-height:20px;font-size:12px;margin:0 10px;}
.banner_yuan .yuan_red{background:#6d0f15;}
.banner_yuan span:hover{cursor:pointer}
/*品牌优势部分*/
.youshi_box{width:1170px;margin:auto;}
.youshi_title{border-bottom:#ccc 1px solid;margin-top:60px;padding-bottom:14px;}
.youshi_title h2{font-size:24px;float:left;font-weight:bold}
.youshi_title span{display:block;font-size:14px;float:left;margin-top:7px;margin-left:16px;color:#aaa}
.youshi_title a{float:right;margin-top:11px}
.youshi_title a b{font-weight:normal;font-size:14px;color:#aaa;display:inline-block;}
.youshi_title a img{display:inline-block;}
.youshi_content{margin-top:40px;}
.youshi_content ul{width:234px;float:left}
.youshi_content ul li{margin-left:46px;}
.youshi_content ul h1{font-size:20px;font-weight:bold;margin-top:10px;text-align:center}
.youshi_content ul h4{font-size:20px;font-weight:bold;margin-top:10px;text-align:center}
.youshi_content ul span{display:block;text-align:center;font-size:14px;color:#aaa}
/*效果案例*/
.anli_box{width:1170px;margin:auto;}
	     /*共用部分标题属性*/
.common_title{margin-top:60px;border-bottom:#ccc 1px solid;padding-bottom:14px;}
.common_title h2{font-size:24px;float:left;font-weight:bold}
.common_title span{float:left;font-size:14px;color:#aaa;margin-left:24px;margin-top:12px}
.common_title a{float:right;margin-top:11px}
.common_title a b{font-weight:normal;font-size:14px;color:#aaa;display:inline-block;}
.common_title a img{display:inline-block;}

.anli_xiaotu{margin-top:50px}
.anli_xiaotu ul{float:left;margin:0 23px}
.anli_xiaotu ul span{display:block;font-size:14px;/*margin-left:36px;*/text-align:center;margin-top:15px;}
.anli_xiaotu .anli_wc span{margin-left:30px}
.anli_more_02{position:relative}
.anli_more_jiahao{width:100px;line-height:100px;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;border-radius:100%;font-size:48px;color:#fff;text-align:center}
.anli_xiaotu ul li{
	transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
}
.anli_xiaotu ul li:hover{-webkit-transform:scale(1.2,1.2);
						 -moz-transform:scale(1.2,1.2);
						 -ms-transform:scale(1.2,1.2);
						 -o-transform:scale(1.2,1.2);
		cursor:pointer}
.anli_more_jiahao:hover{display:none}

.anli_photo{margin-top:20px;}
/*.anli_photo_01{float:left}*/
.anli_photo_01{float:left;width:calc(25% - 15px)!important;width:-webkit-calc(25% - 15px)!important;width:-moz-calc(25% - 15px)!important;margin-right:20px;overflow:hidden;margin-bottom:20px}
.anli_photo_01:nth-child(4n){margin-right:0;}
.anli_photo_01 a{width:380px;height:380px;display:block}
.anli_photo_01 a img{width:100%;height:100%;}
.anli_photo_02{float:left;margin:0 15px;}
.anli_photo_02 a{width:380px;height:182px;display:block}
.anli_photo_02 a img{width:100%;height:100%}
.margin_top_16{margin-top:16px}
.anli_photo ul a{position:relative;overflow:hidden;}
.anli_photo ul a img{
	-webkit-transition:1s ease-out;
	-moz-transition:1s ease-out;
	-ms-transition:1s ease-out;
	-o-transition:1s ease-out;}
/*.anli_photo ul a span{position:absolute;background:rgba(0,0,0,0.6);bottom:0;color:#fff;width:380px;text-align:center;line-height:40px;}*/

.anli_photo a img:hover{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1)}
/*.anli_photo a span:hover{text-decoration:underline}*/
/*广告位*/
.advertisement_tu{width:1170px;margin:auto;margin-top:40px}
/*设计团队*/
.design_title{width:1170px;margin:auto}
.design_photo{width:1170px;margin:auto;overflow:hidden;position:relative;}
.design_pho{width:2400px;position:relative;margin-top:30px}
.design_photo dl{width:270px;background:#E1E1E1;float:left;margin-right:30px;}
.design_photo dl dt{width:270px;height:270px;}
.design_photo dl dt img{width:100%;height:100%}
.design_photo dl dd h4{font-size:18px;text-align:center;margin-top:10px;}
.design_photo dl dd span{display:block;font-size:12px;text-align:center;margin-top:8px}
.design_photo dl dd p a{font-size:14px;width:135px;line-height:26px;background:#699;float:left;text-align:center;color:#fff;margin-top:8px}
.text_12px{font-size:12px;}
.text_red{color:#d49238}
.design_photo .kan{background:#8E8E8E}
.kan:hover{background:#000}
.zhao:hover{background:#066}

/*参观工地*/
.visit_box{width:1170px;margin:auto}
.visit_box ul{float:left;margin-right:30px;margin-top:40px}
.visit_box .margin_right_none{margin-right:0}
.visit_tu{display:block;width:270px;height:200px;}
.visit_tu img{width:100%;height:100%;}
.visit_text{background:#eee;width:270px;padding:15px 0;}
.visit_text h3{font-size:18px;margin-bottom:8px;margin-left:15px}
.visit_text h3 a:hover{color:#f00}
.visit_text p{float:left;line-height:20px}
.visit_text p span{font-size:12px;color:#666;display:block}
.text_01{margin-left:15px}
.text_01 span{width:160px;}
.text_02 span{width:94px;}
/*装修知识*/
.zhishi_box{width:1170px;margin:auto;}
.zhishi_content{margin-top:35px;}
.zhishi_content dl{width:270px;background:#eee;float:left;margin-right:30px;padding-bottom:20px}
.zhishi_content dl dd{margin-bottom:18px}
.zhishi_content dl dt{margin:20px 0}
.zhishi_content dl dt span{width:5px;height:5px;background:#BFBFBF;border-radius:100%;float:left;margin-top:6px;margin-left:12px;line-height:14px}
.zhishi_content dl dt a{font-size:14px;float:left;margin-left:10px;line-height:14px}
.zhishi_content ul{float:right;background:#eee;padding-bottom:10px}
.zhishi_content ul h6{font-size:16px;width:270px;line-height:40px;background:#900;color:#fff;text-align:center;margin:0px;}
.zhishi_content ul li{margin:12px 0;}
.zhishi_content ul li span{display:block;width:24px;line-height:24px;background:#bbb;text-align:center;color:#fff;float:left;margin-left:8px;font-size:14px}
.zhishi_content ul li a{float:left;margin-left:12px;font-size:14px;color:#666}
.zhishi_content a:hover{ text-decoration:underline}
/*企业动态*/
.news_big_box{background:url('/tpl/xin_geshi/Public/img/news-bg.jpg');padding-top:40px;padding-bottom:40px;margin-top:40px; min-width:1200px;}
.news_box{width:1170px;margin:auto;}
.news_title{margin-top:0;border-bottom:#FFF 1px solid}
.news_title h2{color:#FFF;}
.news_content{margin-top:35px;}
.news_zuo{width:570px;margin-right:30px;float:left}
.news_zuo dt{padding-top:12px;margin-bottom:8px;}
.news_zuo dt a{font-size:18px;font-weight:bold;float:left;margin-left:14px;color:#ffa200}
.news_zuo dt span{font-size:12px;float:right;margin-right:16px;color:#ddd}
.news_zuo_wenzi{background:#000;padding-bottom:12px;}
.news_zuo p{margin:0 14px;line-height:14px;}
.news_zuo p a{font-size:12px;color:#ddd;}
.news_you{float:left}
.news_you dl{background:#e5e5e5;width:570px;padding:10px 0;margin-bottom:20px;}
.news_you_shuzi{font-size:24px;float:left;margin-top:10px;margin-bottom:12px;padding-left:14px;padding-right:14px;border-right:1px solid  #c6c6c6; }
.news_you_wenzi{float:left;margin-left:14px;margin-top:8px; width:490px;}
.news_you_wenzi_title a{font-size:14px; font-weight:bold;}
.news_you_wenzi_title  span{font-size:12px; float:right}
.news_you_wenzi_content a{font-size:12px; color:#818181;}
.news_you .news_you_004{margin-bottom:0}
.news_zuo_wenzi a:hover{color:#FFED00}
.news_you dl:hover{background:#006633}
.news_you dl:hover .bianse{color:#fff}

/*点击切换全国分公司*/
.change_box{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;z-index:5; display:none}
.change{position:relative;left:50%;top:35%;background:#fff;margin-left:-300px;z-index:6;width:600px;padding:60px 0;border-radius:6px}
.change h1{color:#000;font-size:30px;text-align:center}
.change p{color:#000;font-size:30px;text-align:center}
.change ul{margin-top:30px;text-align:center}
.change ul a{color:#000;font-size:20px;display:inline-block;margin:0 10px}
.chahao{position:absolute;top:-10px;right:-10px;border:#084f2b 1px solid;border-radius:100%}
.change ul a:hover{ text-decoration:underline}
.chahao:hover{cursor:pointer}


/*装修该花多少钱*/
.dropdown_box{height:380px;width:100%; position:fixed;bottom:0;z-index:7;bottom:-300px;}
.dropdown{position:absolute;height:80px;width:100%;top:0;z-index:10}
.dropdown_click{width:100%;background:rgba(0,0,0,0.8);text-align:center;position:relative}
.dropdown_click:hover{cursor:pointer}
.dropdown:hover{cursor:pointer}
.dropdown_click_text dt{float:left;    margin-top: -120px;
    /*margin-left: -100px;*/}
.dropdown_click_text a{font-size:36px;color:#fff;float:left;line-height:80px;margin-left:30px}
.dropdown_click_text dd{width:45px;height:48px;float:left;margin-top:15px;margin-left:30px}
.dropdown_click_text{width:800px;margin:auto}

.dropdown_show{height:300px;width:100%;background:rgba(0,0,0,0.8);}
.jisuan_box{ margin:0 auto; width:1200px; background:#fff;}
.jisuan_box ul{margin-top:40px;margin-left:40px;float:left}
.jisuan_box ul h7{font-size:22px;margin-bottom:20px}
.jisuan_box ul h7 font{font-size:14px;color:#f00}
.jisuan_box ul li{width:340px;margin-top:10px}
.jisuan_box ul li span{color:}
.jisuan_box ul li input{width:240px;height:36px;float:right;padding-left:10px;border:#aaa 1px solid}
.mianji span{float:left;line-height:36px}
.huxing span{float:left;line-height:36px}
.huxing p{float:right;width:252px}/*width:240px2017.07.25zmw*/
.huxing p select{width:78px;height:36px;border:#aaa 1px solid}
.ting{margin:0 4px}

.huxing_02 p{float:right}
.huxing_02 select{width:121px;margin-left:5px;height:34px;border:#aaa 1px solid}/*width:115px2017.07.25zmw*/
.haoma span{float:left;line-height:36px}

.jisuan_but{width:130px;height:300px;background:url(../img/active_btn_01.png);float:left;text-align:center;margin-left:50px;opacity:0.9;}
.jisuan_but:hover{opacity:1}
.jisuan_but:hover{cursor:pointer}
.jisuan_but a{margin-top:130px;display:inline-block;color:#fff}
.jisuan_box dl{float:left;width:342px;text-align:center;margin-left:45px;margin-top:30px}
.jisuan_box dl dt{font-size:24px;}
.jisuan_box dl dt font{color:#d00;font-size:30px;font-weight:bold}
.jisuan_box dl dd{width:340px;border:#ddd 1px solid;padding:20px 0;margin-top:20px}
.jisuan_box dl dd span{display:block;margin:10px 0}
.jisuan_box dl dd font{color:#f00}
/*顶部广告位*/
.header_gg_box{position:relative;}
.header_gg_box a img{margin:auto;width:100%;}
.header_gg_box span{position:absolute;top:30%;right:0}

.swiper-button-prev, .swiper-button-next{
	background-size: 50%;
	display: none;
}
/*顶部表单*/
.bannerFormBox{
	position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -460px;
    width: 920px;
    height: 130px;
    background: rgba(0,0,0,0.3);
    z-index: 1;
}
.banner-search-box-title {
    position: absolute;
    top: 22px;
    left: 28px;
}
.banner-search-box-title span:first-child {
    color: #fff;
    font-size: 22px;
    margin-right: 5px;
}
.banner-search-box-title span:last-child {
    color: #fff;
    font-size: 18px;
}
.banner-search-box-name{
	position: absolute;
    left: 28px;
    top: 60px;
    display: block;
    width: 210px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #dcdcdc;
    padding-left: 25px;
    box-sizing: border-box;
    background: #fff;
    font-size: 14px;
}
.banner-search-box-tel{
	position: absolute;
    left: 250px;
    top: 60px;
    display: block;
    width: 460px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #dcdcdc;
    padding-left: 25px;
    box-sizing: border-box;
    background: #fff;
    font-size: 14px;
}
.banner-search-box-btn {
    position: absolute;
    right: 28px;
    top: 60px;
    display: block;
    width: 170px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #00ae67;
    font-size: 14px;
    cursor: pointer;
}
.banner-search-box-close-btn {
	border: none;
    position: absolute;
    top: 5px;
    right: 12px;
    cursor: pointer;
    color: #fff;
    font-size: 22px;
}
.shouji{

  position: relative;

}

.shouji>div{

  position: absolute;

  top: 23px;

  left: -5px;

  display: none;

}

.shouji:hover div{

  display: block;

}

.design_photo {

	height: 386px;

	margin-top: 30px;

}

.design_pho {

  width: 1200px;

  height: 386px;

  margin-top: 0;

}

.footer_big_box{padding-bottom: 60px !important;}
.baoming_chuangkou{ width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;z-index:10; display: none;}

.baoming_chuangkou ul{ position:relative;width:500px;height:430px;background:#fff;left:35%;top:20%;border-radius:6px; }

.baoming_chuangkou h1{ text-align:center;padding-top:30px;padding-bottom:10px; }

.baoming_chuangkou input{ display:block;width:368px;line-height:48px;padding-left:10px;margin:auto;border:1px solid #eee;margin-top:10px; }

.baoming_chuangkou li{ width:380px;line-height:48px;text-align:center;background:#ff0;margin:auto;margin-top:20px; }

.baoming_chuangkou li:hover{ cursor:pointer; }

.bm_ck_close{ position:absolute;top:10px;right:10px; cursor: pointer;}

.zhao:hover{ cursor:pointer; }


.baoming_chuangkou2{ width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;z-index:10; display: none;}

.baoming_chuangkou2 ul{ position:relative;width:500px;height:430px;background:#fff;left:35%;top:20%;border-radius:6px; }

.baoming_chuangkou2 h1{ text-align:center;padding-top:30px;padding-bottom:10px; }

.baoming_chuangkou2 input{ display:block;width:368px;line-height:48px;padding-left:10px;margin:auto;border:1px solid #eee;margin-top:10px; }

.baoming_chuangkou2 li{ width:380px;line-height:48px;text-align:center;background:#ff0;margin:auto;margin-top:20px; }

.baoming_chuangkou2 li:hover{ cursor:pointer; }
/*
    auto yy
    time 20181211
*/

/*轮播图*/
.jz-swiper{width:100%;height:560px;position: relative}
.jz-swiper .swiper-pagination-bullet{width: 42px;height: 11px;margin: 1px;border-radius: 0;background: #000}
.jz-swiper .swiper-pagination-bullet-active{background: #ff0000!important;}
.jz-swiper .swiper-button-prev{left: 15%!important;background: rgba(0,0,0,0.7);padding: 10px;}
.jz-swiper .swiper-button-next{right: 15%!important;width: 20px;height: 40px;background: rgba(0,0,0,0.5);padding: 10px}
.jz-swiper .swiper-button-white1{background-image: url("../img/slider-arrow.png")!important;background-position:-123px -137px }
.jz-swiper .swiper-button-white2{background-image: url("../img/slider-arrow.png")!important;background-position:-8px -137px }
.swiper-container {  width: 100%;  height: 100%;  }
.swiper-slide {  background-position: center;  background-size: cover;  }

/*<!-- 品牌优势 -->*/
.youshi_content ul{width:234px;float:left}
.youshi_content ul li{margin-left:46px;border-radius:50%;width: 148px;height: 148px;position: relative;border: 1px solid #ccc}
.jzaos-word{position: absolute;left: 0;top: 0;bottom:0;right:0;margin:auto;width: 146px;height: 146px;text-align: center;border-radius: 50%;}
.jzaos-word>p{position: absolute;border-radius: 50%;width: 6px;height: 6px;background: #000;top: 10px;right: 27px;}
.jzaos-word img{padding-top: 35px;margin:0 auto;}
.youshi_content ul h1{font-size:20px;font-weight:bold;margin-top:10px;text-align:center}
.youshi_content ul h4{font-size:20px;font-weight:bold;margin-top:10px;text-align:center}
.youshi_content ul span{display:block;text-align:center;font-size:18px;color:#333;padding-top: 25px;}
.shape {
    stroke-dasharray: 0 466;
    stroke-dashoffset: -466;
    stroke-width: 2px;
    stroke: #000;
    border-radius: 100%;
    transition: stroke-width 0.3s, stroke-dashoffset 0.3s, stroke-dasharray 0.3s;
}
.youshi_content ul li:hover .shape {
    stroke-width: 2px;
    stroke-dashoffset: 0;
    stroke-dasharray: 466;
    /*border-radius: 100%;*/
}

/*装修产品*/
.taocan_box{width:1170px;margin:auto}
.taocan_content dl{position:relative;width:370px;height:235px;float:left;margin-right:30px;margin-top:30px;}
.taocan_content dl dd{overflow: hidden;height: 100%;width: 100%;display: block;position: relative;}
.taocan_content dl dd>img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition: all 0.7s;width: 106%;height: 106%}
.taocan_content dl > a{  position: absolute;  width: 100%;  height: 100%;  top: 0; left: 0;display: block}
.taocan_content dt{  position: absolute;  width: 330px;  height: 190px;  top: 16px; left:0;right:0;margin:auto;display: block;  transition: all 0.5s }
.taocan_content dt p{font-size:36px; color:#fff;position: absolute;left: 0;right: 0;top:53px;margin: auto;text-align: center;font-family: "微软雅黑"}
.taocan_content dt span{display:block;font-size:18px;color:#fff;position:absolute;left: 0;right: 0;top:108px;margin: auto;text-align: center}
.taocan_content dl:nth-child(3n){margin-right:0}
.taocan_content dl:hover dd img,.taocan_content dl:hover a>dt{transform: translateY(7px);transition: all 0.5s}
#shape {
    stroke-width: 0px;
    fill: transparent;
    stroke: #fff;
    stroke-dasharray:  1000;
    stroke-dashoffset: -1000;
    transition: 0.5s all ease
}
.taocan_content dl:hover #shape {
    stroke-dasharray: 940 0;
    stroke-width: 2px;
    stroke-dashoffset: 0;
    stroke: #fff;
}
/*案例*/

.anli_box{width:1170px;margin:auto;}
/*共用部分标题属性*/
.common_title{margin-top:60px;border-bottom:#ccc 1px solid;padding-bottom:14px;}
.common_title h2{font-size:24px;float:left;font-weight:bold}
.common_title span{float:left;font-size:14px;color:#aaa;margin-left:24px;margin-top:12px}
.common_title a{float:right;margin-top:11px}
.common_title a b{font-weight:normal;font-size:14px;color:#aaa;display:inline-block;}
.common_title a img{display:inline-block;}
.anli_xiaotu ul{float:left;margin:0 23px}
.anli_xiaotu ul span{display:block;font-size:14px;/*margin-left:36px;*/text-align:center;margin-top:15px;}
.anli_xiaotu .anli_wc span{margin-left:30px}

.anli_photo{margin-top:20px;}
.anli_photo_01{float:left;position:relative;width:calc(25% - 15px)!important;width:-webkit-calc(25% - 15px)!important;width:-moz-calc(25% - 15px)!important;margin-right:20px;overflow:hidden;margin-bottom:20px;}
.anli_photo_01:nth-child(4n){margin-right:0;}
.anli_photo_01 a{width:100%!important;height:100%;display:block;position: relative;overflow: hidden}
.anli_photo_img{ width:105%!important;height:105%!important;position: absolute;left: 0;right: 0;;bottom: -7px;margin: auto;object-fit: cover ;-webkit-transition:0.5s ease-out;  -moz-transition:0.5s ease-out;  -ms-transition:0.5s ease-out;  -o-transition:0.5s ease-out;}
.anli_photo_span{position:absolute;background:rgba(0,0,0,0.3);bottom:-100%;color:#fff;width:100%;height:100%;;text-align:center;transition: all 1s;}
.anli_photo_word{font-size: 16px;position: absolute;left: 0;top: -40px;width: 100%;height: 40px;line-height: 40px;color: #fff;text-align: center;background: rgba(0,0,0,0.3)}
.anli_photo_word1{color:#fff;font-size: 22px;width: 100%;text-align: center;position: absolute;left: 0;top: 35%}
.anli_photo_word1 span{color:#fff;font-size: 34px;width: 100%;text-align: center;display: block;margin: 0 auto}
.anli_photo_01:hover .anli_photo_img{  -webkit-transform:translateY(-7px);  -moz-transform:translateY(-7px);  -ms-transform:translateY(-7px);  -o-transform:translateY(-7px);  transform:translateY(-7px);  }
.anli_photo_01:hover .anli_photo_span{  -webkit-transform:translateY(-100%);  -moz-transform:translateY(-100%);  -ms-transform:translateY(-100%);  -o-transform:translateY(-100%);  transform:translateY(-100%);  transition: all 0.3s;  }

#Layer_2{ width: 190px;  height: 160px;  position: absolute;  left: 0;  right: 0;  top:0;  bottom: 0;  margin: auto;  display: block;  }
#shapes { stroke-width: 0px;  fill: transparent;  stroke: #fff;  stroke-dasharray:  110 75;  stroke-dashoffset: 50;  transition: 0.5s all ease-in 0.2s  }
.anli_photo_01:hover #shapes { stroke-dasharray: 220 100 90 100;  stroke-dashoffset: 0;  stroke-width: 1px;  stroke: #fff;  }
.zhishi_content ul {
    width:270px;
    float:right;
    background:#eee;
    padding-bottom:10px;
}
.zhishi_content ul li a {
    width:225px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    float:right;
    margin-left:12px;
    font-size:14px;
    color:#666;
}