@charset "utf-8";
/* CSS Document */
.black{position: absolute;left:3%;margin-top: -9px;top: 50%;line-height: 18px}
.black img{width: 10px}
.search{position: absolute;right:45px;top: 0;text-align: center}
.search img{width:60%;vertical-align: middle}

.vr_n{background: #ececec;border: 1px solid  #ececec}
.vr_n ul li{border-radius: 3%;overflow: hidden;margin: 20px 0;background: #fff}
.vr_n ul li .img{width: 100%;display: block}
.vr_n ul li .txt{padding:10px 3% }
.vr_n ul li .txt .h1{font-size: 16px}
.vr_n ul li .txt .h2{font-size: 14px;color: #7e7e7e}

.n_nav{ font-size:14px; color:#707070; height:40px; line-height:40px; text-align:center; border-bottom:#ececec 1px solid;}

.n_nav li{float: left}
.n_nav span{ display:inline-block; background:url(n_nav1_ico.png) center no-repeat; background-size:auto 6px; width:17px; height:8px; margin-left:5px;}

.n_nav.on{ color:#febd27;}
.n_nav.on span{  background:url(n_nav1_ico_on.png) center no-repeat; background-size:auto 6px;}
.n_nav_list {; width: 100%; position: fixed; left: 0; top: 85px; bottom: 0; background: #fff; z-index: 1000; border-top:#ececec 1px solid;}
.n_nav .on{ color:#febd27;}
.n_nav .on span{  background:url(n_nav1_ico_on.png) center no-repeat; background-size:auto 6px;}
.n_nav_list{ padding:5px 0;}
.n_nav_list li{ float:left; width:31.33%; margin:5px 1%; height:35px;}
.n_nav_list li a{ display:block; height:35px; text-align:center; background:#ffecc0; line-height:35px;}
.n_nav_list li.on a{ background:#febd27; color:#fff;}

.case{background: #ececec}
.case_ul{border-top: 1px solid #ececec}
.case_ul li{width:100%; position:relative;margin: 20px 0}
.case_ul li .sjs_c{ position:absolute; top: 20px; right: 20px; text-align:center;}
.case_ul li .sjs_c .sjs_c_img{ width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #fff; border: 1px solid #fff; overflow:hidden;}
.case_ul li .sjs_c .sjs_c_img img{ width:100%;}
.case_ul li .sjs_c .txt{ font-size:12px; color:#fff; text-align:center;}
.case_ul li .i_case_img{ display:block;}
.case_ul li .mb{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent, transparent, transparent);}
.case_ul li .i_case_txt{ position:absolute; left:10px; bottom:10px;}
.case_ul li .i_case_txt .txt1{ font-size:14px; color:#fff; line-height:20px;}
.case_ul li .i_case_txt .txt1 a{ color:#fff;}
.case_ul li .i_case_txt .txt2{overflow:hidden; font-size:12px; color:#fff; line-height:20px;display:block; word-wrap:break-word;     word-break:normal;word-break:keep-all;
white-space:nowrap;}
.case_ul li .i_case_txt .txt2 a{ overflow:hidden;color:#fff;display:block; word-wrap:break-word;     word-break:normal;word-break:keep-all;
white-space:nowrap; }
.case_ul li .i_case_txt .txt2 span{ margin:0 10px;}
.case_ul li .case_tp{ position:absolute; right:10px; bottom:10px; background:url(case_tp_ico.png) left center no-repeat; background-size:18px auto; padding-left:22px; font-size:12px; color:#fff; height:20px; line-height:20px;}

.case_info .case_info_c{}
.case_info .case_info_img{width: 100%;}
.case_info .text .title{font-size: 16px}
.case_info .text{margin-top: -100px;color: #fff;}
.case_info .text .sub a{color: #fff;font-size: 12px}
.case_info .text .sub a:after{content: '|';padding: 0 5px;}
.case_info .designer{background: #fff;border-radius: 5px; box-shadow: 0 3px 10px rgba(0,0,0,0.06);position: relative;padding: 10px 3%}
.case_info .designer .photo{width: 1rem;height: 1rem;border-radius: 50%;overflow: hidden;float: left}
.case_info .designer .txt{float: left;margin-left: 10px}
.case_info .designer .txt .title{font-size: 18px; line-height:25px; padding-top:10px;}
.case_info .designer .txt .sub{font-size: 12px;color: #616161; line-height:20px;}
.case_info .designer .button{position: absolute;border-radius: 3px;padding: 10px 20px;font-size: 14px;background: #febd27;border: none;color: #fff;right: 3%;top: 50%;margin-top: -21.5px}

.case_info .case_info_txt{padding-bottom: 10px}
.case_info .case_info_txt .h1{font-size: 18px;margin-top:20px;color: #000000;border-bottom: 1px solid #ececec;line-height:40px}
.case_info .case_info_txt .h2{margin-top: 5px;color: #666}

.case_info_list ul{padding: 10px 0;padding-bottom:20px}
.case_info_list ul li{margin-top: 5px}
.case_info_list ul li .title{font-size: 18px;color: #000000;border-bottom: 1px solid #ececec;line-height:40px}
.case_info_list ul li  img{width: 100%;margin-top: 20px}
.case_info_list ul li .p{text-align: center;color: #6c6c6c}

.change-detail{}
.change-detail a{float: left;width: 50%;font-size: 14px;line-height: 50px;text-align: center;color: #333;}

.sjs{background: #ececec}
.sjs_ul{padding: 10px 0}
.sjs_ul .design_item{border-radius: 5px;background: #ffffff;position: relative;display: -ms-flexbox;display: flex;margin: 10px 0;padding:10px 3%}
.sjs_ul .img{width: 90px;height: 90px;border-radius: 5px;overflow: hidden;float: left;margin-right: 10px}
.sjs_ul .designer_list_words{-ms-flex: 1;box-flex: 1;flex: 1;overflow: hidden;}
/*.sjs_ul .jp_tag{    width: 20px;color: #ffffff; position: absolute;top: 9px;left: 4%;line-height: 15px;background-size: 100%;z-index: 2;font-size: 12px;text-align: center}*/
.sjs_ul .jp_tag{    width: 20px;color: #ffffff; position: absolute;top: 10px;left: 4%;line-height: 15px;background: #febd27;background-size: 100%;z-index: 2;padding-top: 3px;font-size: 12px;text-align: center}
.sjs_ul .name{font-size: 18px;color: #333}
.sjs_ul .address{font-size: 12px;color: #999}
.sjs_ul .txt{color: #666;font-size: 12px;line-height: 18px}
.sjs_ul .txt a{color: #666;}
.sjs_ul .ellipsis{color: #666;font-size: 12px;line-height: 18px}
.sjs_ul .text .btn{display: inline;font-size: 12px;margin-right:4px;padding: 3px 7px;border-radius: 23px}
.sjs_ul .text .btn_1{background: rgba(71,124,212,0.1);color: #477cd4;}
.sjs_ul .text .btn_2{background: rgba(212,132,71,0.1);olor: #d48647;}
.sjs_ul .text .btn_3{background: rgba(44,175,149,0.1);color: #2caf95;;}
.sjs_ul .text .btn_4{background: rgba(207,113,88,0.1);color: #cf7158;}
.sjs_ul .text .btn_5{background: rgba(71,124,212,0.1);color: #477cd4;}
.sjs_ul .text .btn_6{background: rgba(212,132,71,0.1);olor: #d48647;}
.sjs_ul .text .btn_7{background: rgba(44,175,149,0.1);color: #2caf95;;}
.sjs_ul .text .btn_8{background: rgba(207,113,88,0.1);color: #cf7158;}
.sjs_ul .jp_tag:after{  content: '';width: 0px;height: 0;border-style: solid;border-width: 0 10px 10px;border-color: transparent #febd27 transparent;position: absolute;bottom: -10px;left: 0;}

.huodong .img img{width: 100%;display: block}
.huodong{background: #ececec;}
.huodong ul{padding: 1px 0;padding-bottom: 30px}
.huodong ul li{margin-top:20px;background: #fff;border-radius: 5px;overflow: hidden}
.huodong .img{position: relative}
.huodong ul li .img .p{position: absolute;width: 100%;line-height: 30px;font-size: 16px;color: #fff;bottom: 0;padding: 0 3%}
.huodong ul li .txt{padding: 10px 3%;color: #686868}
.huodong ul li .txt .h1{background: url(huodong_h1.jpg) no-repeat center left;padding-left:30px }
.huodong ul li .txt .h2{background: url(huodong_h2.jpg) no-repeat center left;padding-left:30px }

.sggy{background: #ececec}
.sggy_list{padding: 1px 0}
.sggy_list li{width:100%; background:#fff; margin-bottom:24px;border-radius: 5px;margin-top: 20px}
.sggy_list li .txt{padding: 10px 3%}
.sggy_list li .txt1{ font-size:18px; color:#494949; line-height:35px;}
.sggy_list li .txt2{ font-size:14px; color:#767676; line-height:25px; min-height:100px;}
.sggy_list li .txt2 *{ line-height:25px;}
.sggy_list li .sggy_img{ width:100%;display: block}

.search_c .txt1{margin-top: 20px;font-size: 18px}
.search_c .txt2{color: #999;margin-top: 10px}
.search_c .txt2 a{margin-right: 10px;color: #999;margin-right: 5px}

.header .top2_search{ position:absolute; left:10%; top:50%; width:80%; height:34px; border:#dcdcdc 0px solid; border-radius:4px; z-index:12;margin-top: -17px;background: #eee}
.header .top2_search .search_xl{ float:left; width:25%; cursor:pointer;}
.header .top2_search .search_xl .search_txt{ height:34px;text-align:center; font-size:14px; color:#666666; line-height:34px; border-top-left-radius:5px; border-bottom-left-radius:5px; background: url(search_ico1.png) #eee right 10% center no-repeat; padding-right:10px;}
.header .top2_search  .search_xl_list{ border:#dcdcdc 1px solid;display: none;position: absolute;bottom: -101px;width: 25%;}
.header .top2_search  .search_xl_list li{ height:34px; line-height:34px; text-align:center; font-size:14px; color:#666666; margin-top:-1px; background:#f9f9f9;}
/*.top2 .top2_search .search_xl:hover .search_xl_list{ display:block;}*/
.header .top2_search .search_inp{ float:left; width:72%; height:34px; line-height:34px; padding-left:3%; border:0; outline:none;background: #eee}
.header .search_bt{ position: absolute;right:0;top: 50%;margin-top: -17px; width:10%; height:34px; background: url(search.png) center no-repeat; border:0; cursor:pointer; outline:none;background-size: 20px}

.yuyue{background: #fff;padding: 20px}
.yuyue .tit{
    font-size: 22px;
 	margin-top: 30px;
	text-align: center;
	color: #999
}
.yuyue .tit2{font-size: 12px;margin-top: 5px;text-align: center;color: #999;margin-bottom: 15px}
.yuyue .input{
	 height: 54px;
    background: #f8f8f8;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    border: solid 1px transparent;
	margin-top: 20px
}
.yuyue .input input{border: none;background: none;width: 100%;height: 54px}
.yuyue .btn{    height: 54px;line-height: 54px;font-size: 15px;padding: 0 26px;text-decoration: none; color: #fff;background-color: #febd27;text-align: center;cursor: pointer;margin-top: 20px;border: none;width: 100%}



.zhaoshang_img{width: 100%;display: block}
.zhaoshang1 .h1{font-size: 18px;margin-bottom: 20px;text-align: center}
.zhaoshang1 ul li{float: left;width: 25%;text-align: center;margin-bottom: 10px}
.zhaoshang1 ul li img{width: 60%;display: block;margin: 0 auto}
.zhaoshang1 ul li p{ display:block; font-size: 12px;text-align: center; line-height:20px;}
.zhaoshang1 .h2{font-size: 18px;text-align: center;margin: 20px 0}
/*.zhaoshang2_img{width: 100%}*/
.zhaoshang2_img{ height:250px; background-size:cover;}

.zhaoshang2 .h1{font-size: 18px;margin-bottom: 20px;text-align: center;margin-top: 0}
.zhaoshang2 ul li{float: left;width:18%;text-align: center;margin-bottom: 10px;}
.zhaoshang2 ul li img{/*width: 50%;*/vertical-align: middle; height:25px;}
.zhaoshang2 ul li p{font-size: 12px;text-align: center;line-height: 20px;color: #6c6c6c}
.zhaoshang2 ul li .img{height: 50px;line-height: 50px;}

.zs_d3_list li{ float:left; width: 30.333%; background:#fff; border-radius:5px; padding-top:15px; margin-right:4.5%; margin-bottom:20px; position:relative;}
.zs_d3_list li:nth-child(3n){margin-right:0}
.zs_d3_list li .ico{ border:#febd27 1px solid; padding:5px; border-radius:50%; width:40px; height:40px; margin:0 auto;}
.zs_d3_list li .ico .ico_c{ width:40px; height:40px; border-radius:50%;}
.zs_d3_list li .ico .ico1{ background: url(zs_d3_ico1.png) #febd27 center no-repeat; background-size:auto 15px;}
.zs_d3_list li .ico .ico2{ background: url(zs_d3_ico2.png) #febd27 center no-repeat; background-size:auto 15px;}
.zs_d3_list li .ico .ico3{ background: url(zs_d3_ico3.png) #febd27 center no-repeat; background-size:auto 15px;}
.zs_d3_list li .ico .ico4{ background: url(zs_d3_ico4.png) #febd27 center no-repeat; background-size:auto 15px;}
.zs_d3_list li .ico .ico5{ background: url(zs_d3_ico5.png) #febd27 center no-repeat; background-size:auto 15px;}
.zs_d3_list li .ico .ico6{ background: url(zs_d3_ico6.png) #febd27 center no-repeat; background-size:auto 15px;}
.zs_d3_list li .ico .ico7{ background: url(zs_d3_ico7.png) #febd27 center no-repeat; background-size:auto 15px;}
.zs_d3_list li .ico .ico8{ background: url(zs_d3_ico8.png) #febd27 center no-repeat; background-size:auto 15px;}
.zs_d3_list li .txt1{ margin-top:10px;margin-bottom: 10px; font-size:12px; color:#000000; line-height:30px; text-align:center;}
.zs_d3_list li .txt2{ font-size:14px; color:#909090; line-height:20px; text-align:center; padding:0 20px;}
.zs_d3_list li .zs_d3_rtb{ position:absolute; right:-35px; top:100px;}
.zs_d3_list li .zs_d3_btb{ position:absolute; left:120px; bottom:-35px;}
.zs_d3_list li .zs_d3_ltb{ position:absolute; left:-35px; top:100px;}
.zs_d3_list li:hover{ box-shadow: 0px 0px 21px 0px rgba(4,0,0,0.17);}
.zhaoshang3 .h1{font-size: 18px;margin-bottom: 20px;text-align: center;padding-top:20px}
.zhaoshang3{background: #f3f3f3;padding-bottom: 30px}

.zhaoshang4 .h1{font-size: 18px;margin-bottom: 20px;text-align: center;padding-top:20px}
.zhaoshang4 ul li{float:left; width: 30.333%;margin-right:4.5%; margin-bottom:20px;}
.zhaoshang4 ul li:nth-child(3n){margin-right:0}
.zhaoshang4 ul li img{height: 1.63rem;width: 100%}

.lianxi{background: #f7f7f7;padding: 20px 0}
.lianxi .lianxi_nav{background: #fff}
.lianxi .lianxi_nav li{float: left;width: 25%;font-size: 14px;text-align: center;line-height: 50px;position: relative}
.lianxi .lianxi_nav .on:after{content: ""; position: absolute;width: 100%;bottom: 0;left: 0;height: 3px;background: #febd27}
.lianxi_content{padding: 10px 0}

.lianxi_content .h1{font-size: 18px}
.lianxi_content .h2{color: #656565;margin-top: 10px}

.about{padding: 10px 0}

.about .content p{margin: 10px 0;color: #656565}

.fgs ul{background: #f7f7f7}
.fgs ul li{padding: 15px 0;background: #fff;margin-bottom: 20px}
.fgs ul li .h1{font-size: 16px;}
.fgs ul li .h2{margin-top: 5px;color: #666}

.hbjz1{padding: 20px }
.hbjz1 .h1{text-align: center;font-size: 16px}
.hbjz1 .h2{color: #666;margin: 10px 0;}
.hbjz1 .left{float: left;text-align: center;width: 50%}
.hbjz1 .right{float: right;text-align: center;width: 50%}
.hbjz1 .left img,.hbjz1 .right img{width: 30%}
.hbjz2{background: #f9f9f9;padding: 30px 0}
.hbjz2 .h1{text-align: center;font-size: 16px}
.hbjz2 .h2{color: #666;margin: 10px 0;text-align: center}

.hbjz3{padding: 30px 0}
.hbjz3 .h1{text-align: center;font-size: 16px}
.hbjz3 .h2{color: #666;margin: 10px 0;text-align: center;padding: 0 3%}


.hbjz4{background: #242424;padding: 20px;}
.hbjz4 .box{border-radius: 10px;overflow: hidden}
.hbjz4 .box img{width: 100%;/*height: 2.5rem;*/display: block}
.hbjz4 .h1{text-align: center;font-size: 16px;color: #fff}
.hbjz4 .h2{color: #666;margin: 10px 0;text-align: center;padding: 0 3%;color: #fff}
.hbjz4 .swiper-container{margin-top: 20px}
.hbjz4 .swiper-slide{color: #fff;line-height: 20px; text-align: center;font-size:14px;line-height: 16px;   -ms-flex-align: center;/* -webkit-align-items: center; */ align-items: center;   display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;    -webkit-justify-content: center;/* justify-content: center; */;font-weight: bold}
.hbjz4 .swiper-slide .c{width: 50px;border: 1px solid #fff;border-radius: 50%;height: 50px; box-sizing: border-box;padding-top: 8px; padding-left: 4px; padding-right: 4px;}

.hbjz4 .swiper-slide.on{color: #febd27;}
.hbjz4 .swiper-slide.on .c{border: 1px solid #febd27;}