@charset "utf-8";*{padding:0px;margin:0px}

body{font-size:100px}

@font-face {

  font-family: 'iconfont';  /* project id 1238744 */

  src: url('//at.alicdn.com/t/font_1238744_d9o4utvb95.eot');

  src: url('//at.alicdn.com/t/font_1238744_d9o4utvb95.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1238744_d9o4utvb95.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1238744_d9o4utvb95.woff') format('woff'),

  url('//at.alicdn.com/t/font_1238744_d9o4utvb95.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1238744_d9o4utvb95.svg#iconfont') format('svg');

}

.iconfont{

    font-family:"iconfont" !important;

    font-size:16px;font-style:normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;}

.container{background-color: #f4f4f4;}

*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}

.trans{transition:all .3s ease-in}

html{width:100%;min-height:100%}

body{width:100%;min-height:100%;max-width:640px;min-width:320px;margin:0 auto;font:.24rem/1.6 'PingFangSC-Light','microsoft yahei',Arial,Helvetica,sans-serif,"Hiragino Sans GB";color:#333;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;position:relative}

body:before,body:after{content:"";width:100%;display:block}

body:before{height:1rem}

body:after{height:1rem}

img{border:0px}

em{font-style:normal}

s,i{font-style:normal}

ul,ol{list-style-type:none}

li{list-style:none outside none}

strong,b{font-weight:normal}

input,button,select,textarea{outline:none;font-family:"Microsoft Yahei",Arial;font-size:.24rem;-webkit-appearance:none !important}

table{border-collapse:collapse;border-spacing:0}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}

input:-moz-placeholder,textarea:-moz-placeholder{color:#999}

input::-moz-placeholder,textarea::-moz-placeholder{color:#999}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}

.layout{position:fixed;width:100%;height:100%;left:0;top:0;z-wrapper:101;background:#000;opacity:1}

.blue{color:#28a5f4}

a,a:link,a:visited,a:hover,a:active{color:#666;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}

a:focus{outline:none}

a:hover,a:active{color:#b29652;outline:none}

h1,h2,h3,h4,h5,h6,h7{font-weight:normal}

.icon{background:url(img/icon.png) no-repeat;display:inline-block;background-size:4rem auto;vertical-align:middle}

.icon,.iconn:before,.iconn:after,.iconbef:before,.iconbef:after{content:"\20";display:block}

.iconn{background:url(img/iconn.png) no-repeat;background-size:1.4rem auto;vertical-align:middle}

.fl{float:left}

.fr{float:right}

.hide{display:none}

.clearfix:after{content:"";display:block;clear:both;width:100%;height:0;line-height:0;font-size:0}

.clear,.clearfix:after{content:"";display:block;clear:both;width:100%;height:0;line-height:0;font-size:0}

.header{background:url(img/top_bg.jpg) no-repeat center top;position:relative;background-size:7.2rem auto}

#top_main{width:100%;height:1rem;z-index:300;position:fixed;top:0px;left:0px}

#top{max-width:640px;min-width:320px;height:1rem;margin:0px auto;position:relative}

#top .logo{height:1rem;margin:0;display:block;padding-top:0;text-align:center}

#top .logo a{display:block}

#top .logo img{height:1rem}

#top .topsearch{display:block;position:absolute;left:0;top:0px;text-align:center;cursor:pointer;width:.9rem;height:.5rem;margin:.25rem auto;background:url(img/sou.png) no-repeat center;background-size:.4rem auto;z-index:6}

#top .topsearch a{display:block;width:100%;height:0.4rem;position:relative}

#top #nav{width:.6rem;height:100%;position:absolute;right:0;top:0;text-align:center;cursor:pointer;z-index:6}

#top .nav{width:.5rem;height:.36rem;margin:.33rem auto;background-position:-.56rem -.94rem}

#top .close{background:url(img/close.png) no-repeat center;background-size:.4rem auto;width:.4rem;height:.4rem;cursor:pointer;position:absolute;right:6%;top:22%;text-align:center}

#top .cur .nav{background-position:0 -.94rem}

#search{background:#f2f2f2;width:100%;margin:0 auto;height:1rem;position:absolute;left:0;top:1rem;padding-top:.2rem;display:none;z-index:999}

#search input{display:block;padding:0;margin:0}

#search .txt{border:none;width:80%;height:0.65rem;line-height:0.65rem;margin-left:4%;color:#666;font-size:0.22rem;background:#fff;text-indent:3%;border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}

#search .btn{cursor:pointer;border:none;font-size:0.24rem;width:0.8rem;height:0.65rem;text-align:center;background:#b29652 url(img/icon.png) no-repeat 0 -4.6rem;background-size:2.4rem auto;color:#fff;border-top-right-radius:.3rem;border-bottom-right-radius:.3rem;background-size:2.0rem auto;vertical-align:middle}

.searchinfo{background:#fff;padding:0.2rem 0;height:100%;width:92%;margin:0 auto}

.searchinfo h2{color:#333}

.searchinfo .searchlist{padding:0.2rem 0}

.searchinfo .searchlist a{display:inline-block;margin:0 4% 4% 0;color:#333;background:#f5f5f5;font-size:0.24rem;text-align:center;height:0.64rem;line-height:0.64rem;padding:0 0.2rem;border-radius:3px}

.searchinfo .searchlist a:hover{background:#913d23;color:#fff}

.soupage{background:#fff}

.subNav{position:fixed;width:100%;height:100%;right:-100%;top:1rem;z-index:9999;max-width:640px;min-width:320px;background-color:rgba(0,0,0,.6)}

.subNavCon{margin:0px;width:100%;height:100%}

.subNav .closrbox{width:20%;height:0.5rem;line-height:.5rem;background:#fff;position:absolute;right:2%;top:-5%}

.subNav .close{width:.4rem;height:.4rem;background:url(img/close.png) no-repeat center;background-size:.4rem auto}

.subNav .c_clos{width:20%;position:absolute;left:0;top:0;height:100%}

.subNav ul{margin-left:20%;background:#fff;height:100%}

.subNav li{width:100%;display:block;line-height:0.8rem;margin:0 auto;border-bottom:1px solid #f0efef;text-indent:3%;position:relative}

.subNav .subnav2{width:100%;display:none}

.subNav .subnav2 a{margin-bottom:.1rem;background:#eeeeee;font-size:.24rem}

.subNav li a{display:block;color:#333;font-size:0.26rem;background-size:.15rem auto;width:92%;margin:0 auto}

.subNav li a:hover{color:#b29652}

.subNav .toptel{padding-left:4%;padding-top:.3rem;padding-bottom:.4rem}

.subNav .toptel span{display:block}

.subNav .toptel p{font-family:avgr;font-size:.5rem}

.subNav.show{right:0 !important}

.subNavShow{-webkit-transform:translateX(-48%);-moz-transform:translateX(-48%);-ms-transform:translateX(-48%);transform:translateX(-48%);display:block}

#banner_main{width:100%;overflow:hidden;position:relative;z-index:1}

.banner{margin:0 auto;width:100%;*zoom:1;overflow:hidden;position:relative;z-index:1}

.banner .list{width:100%;overflow:hidden}

.banner .list li{float:left;width:100%;overflow:hidden;}

.banner .list li img{width:100%;height:auto}

#banner .tip{width:100%;height:0.32rem;line-height:0.32rem;text-align:center;clear:both;z-index:2;font-size:0;position:absolute;left:0;bottom:5%}

#banner .tip span{display:inline-block;vertical-align:middle;width:0.4rem;height:0.05rem;margin:0 0.025rem;vertical-align:middle;background:#fff;border-radius:.3rem}

#banner .tip span.cur{background:#b29652}

.reLink{margin:.2rem 3% .3rem}

.reLink .prevLink,.reLink .nextLink{display:block;height:.7rem;line-height:.7rem;font-size:.24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;box-sizing:border-box;border-bottom:1px solid #e8e8e8}

.footer_main{text-align:center;width:100%;padding:0.4rem;font-size:0.24rem;color:#666}

.copyright{width:94%;margin:0 auto}

.toTop{width:0.9rem;height:0.9rem;background:url(img/gotop.png) no-repeat center top;background-size:0.9rem auto;position:fixed;bottom:20%;right:2%;cursor:pointer;z-index:10}

.copyright a{color:#666}

#toolbar{position:fixed;bottom:0;width:100%;z-index:888;height:1rem;left:0}

#toolbar .list{width:100%;max-width:640px;min-width:320px;margin:0 auto;display:table;background:#1d1e22}

#toolbar .list li{text-align:center;border-right:1px solid #38393f;box-sizing:border-box;display:table-cell}

#toolbar .list a{display:block;height:1.2rem;line-height:0.24rem;font-size:0.24rem;color:#fff;padding-top:0.2rem}

#toolbar .list a.hover{color:#b29652}

#toolbar .list a s{margin-left:auto;margin-right:auto;width:0.34rem;height:0.36rem;display:block}

#toolbar .list a span{text-align:center;padding-top:0.1rem;display:block}

#toolbar .list a .too-home{background-position:0 0}

#toolbar .list a .too-qiao{background-position:-1.3rem 0;width:.36rem}

#toolbar .list a .too-map{background-position:-.64rem 0}

#toolbar .list a .too-tel{background-position:-1.9rem 0}

#toolbar .list a.hover .too-home{background-position:0 -.46rem}

#toolbar .list a.hover .too-qiao{background-position:-1.3rem -.46rem}

#toolbar .list a.hover .too-map{background-position:-.64rem -.46rem}

#toolbar .list a.hover .too-tel{background-position:-1.9rem -.46rem}

.xbg{width:100%;display:block;position:fixed;height:1.05rem;left:0;bottom:0;background:#fff;z-index:880}

#toolbar .list a s span{color:#fff;padding-top:.9rem;text-transform:initial;font-style:normal}

.index,.floor{width:100%;max-width:640px;min-width:320px;margin:0 auto}

.index{padding-top:0;position:relative}

/*首页优势*/

.navlist{background:#fff;width:100%;max-width:640px;min-width:320px;margin:0 auto;border-bottom:1px solid #e9e9e9;box-shadow:3px 3px 3px #e7e7e7; clear: both;}

.navlist a{float:left;width:25%;text-align:center;margin-top:.18rem;display:block}

.navlist a:hover .tit{color:#b69454}

.navlist a:hover .iconfont{background:#b69454;border-color:#b69454;color:#fff}

.navlist .iconfont{display: inline-block; width:68px;height:68px;border-radius:50%;line-height:68px;font-size:46px;text-align:center;border:solid 1px #ddd}

.navlist .tit{font-size:22px;color:#333;margin-top:8px;display:block}

.navlist .des{font-size:14px;color:#666;margin-top:5px;display:block}

/*首页服务*/

.ind_fw{background:#fff;width:100%;max-width:640px;min-width:320px;}

.ind_fw ul li{float: left; width:49%; margin: 1% 1% 0 0; overflow: hidden;}

.ind_fw ul li img{width: 100%;} 

.ind_fw ul li .hover{width: 100%;}

.ind_fw ul li a{position: relative; display: block; margin:5px;}

.ind_fw ul li a .hover{display: none;; position: absolute;  top: 0; left: 0;z-index: 2;}

.ind_fw ul li a:hover .hover{display: block;}

.ind_fw ul li a img{width: 100%;}

/**/

.floor_1_main{background:#f5f5f5;width:100%;max-width:640px;min-width:320px;margin:0 auto}

.index .title{width:100%;padding-bottom:.4rem;text-align:center;padding-top:.5rem}

.index .title h2{color:#333;font-size:.34rem;background:url(img/line.png) no-repeat center;background-size:6.4rem auto}

.index .title h3{color:#999;font-size:.2rem;text-transform:uppercase;font-family:arial}

.index .floor_1 .title2{width:96%;margin:0 auto}

.index .tabBox .hd{position:relative;width:100%}

.index .tabBox .hd ul{overflow:hidden;width:100%}

.index .tabBox .hd ul li{display:block;width:32%;float:left;position:relative;height:.65rem;line-height:.65rem;text-align:center;font-size:.24rem;margin:1% 2% 1% 0;box-shadow:0 2px 5px rgba(0,0,0,.05);background:#fff;border-radius:.05rem}

.index .tabBox .hd ul li:nth-child(3n){margin-right:0}

.index .tabBox .hd ul li a{display:block;color:#3e3a39;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.index .tabBox .hd ul .on{background:#b29652;border:1px solid #b29652}

.index .tabBox .hd ul .on a{display:block;color:#fff}

.product .list{padding-top:0.1rem}

.product .item a{-webkit-tap-highlight-color:rgba(0,0,0,0)}

.index .product{width:94%;overflow:hidden;margin:0 auto;padding-bottom:0.2rem}

.product .item{width:49%;float:left;margin:2% 2% 0 0;position:relative}

.product .item:nth-child(2n){margin-right:0}

.product .item a{display:block}

.product .item figure{width:100%;padding-top:75%;position:relative;overflow:hidden}

.product .item figure img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block}

.product .item h3{width:85%;font-weight:normal;color:#fff;font-size:0.26rem;padding-left:3%;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.product .item .txt{background:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;width:100%;line-height:.65rem;height:.65rem}

.product .item a:hover h3{color:#b29652}

.product .item em{width:.32rem;height:.08rem;display:block;background-position:-1.1rem -.9rem;position:absolute;right:3%;bottom:.3rem;z-index:10}

.index .cha{text-align:center;display:block;color:#666;padding-top:.4rem}

.floor .more{text-align:center;display:block;color:#666;border:1px solid #999;height:.68rem;line-height:.68rem;width:94%;margin:0 auto}

.hbk{width:100%;height:.2rem;background:#f5f5f5}

/*产品定制*/

.floor_2{padding:.4rem 0 1.8rem;background:url(img/iyoushi.jpg) no-repeat center bottom #303035;background-size:6.4rem auto;margin-bottom:.6rem;position:relative}

.floor_2 .title h2{color:#fff}

.bieshu{width:100%;position:absolute;left:0;bottom:-.5rem}

.bieshu img{width:50%;display:block;margin:0 auto}

.iyoushi{width:100%}

.ind_fg_li1{float: left; width:27%; margin-right:1%; height: 260px; position:relative; overflow: hidden;}

.ind_fg_li2{float: left; width:44%;}

.ind_fg_li2 a{position: relative; width: 100%; display:block; overflow: hidden;}

.ind_fg_li2 a+ a{margin-top:1%;}

.ind_fg_li3{float: right; width:27%; margin-left:1%; height: 260px; position:relative; overflow: hidden;}

.ind_fg_li1 h4,.ind_fg_li2 a h4,.ind_fg_li3 h4{position: absolute; width: 100%; height: 40px; background-color:rgba(0,0,0,0.6); text-align: center; line-height: 40px; color: #fff;bottom: 0; margin-bottom: 0px; left: 0;}

.ind_fg_li1 .img,.ind_fg_li3 .img{width: 100%; overflow: hidden;}

.ind_fg_li1 img,.ind_fg_li2 img,.ind_fg_li3 img{width: 100%;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}

.ind_fg_li1:hover img,.ind_fg_li2 .img:hover img,.ind_fg_li3:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }

/*首页设计师*/

.ind_sjs_1 li{width:30%!important; overflow: hidden; height: 220px;  margin-right: 0 !important;}

.ind_sjs_1 li+li{margin-left:.13rem;}

.ind_sjs_1 li a{position: relative; display: block;  height: 220px;}

.ind_sjs_1 li a img{width: 100%; height: 100%}

.ind_sjs_1 li a span{width: 100%; height: 30px; position: absolute; left: 0; right: 0;bottom: 0; background-color:rgba(34,38,43,.7); line-height: 30px; text-align: center; font-size: 16px; color: #fff; }

/*首页品牌文化*/

.ind_ppwh1 ul li{width: 80% !important; margin-right: 2%; height: 400px; position:relative;}

.ind_ppwh1 ul li img{width: 100%; height: 100%;}

.ind_ppwh1 ul li h4{position: absolute; left: 0; bottom: 0; right: 0; height:40px; background-color:rgba(34,38,43,.7); line-height: 40px; color: #fff; font-size: 18px; text-align: center;}

.ind_ppwh1 ul li h4 a{color: #fff;}



.ind_ppwh2 ul li{margin-bottom:30px; overflow: hidden; border-bottom: 1px solid #ccc;}

.ind_ppwh2 ul li .a1{padding:15px 0; display:block;}

.ind_ppwh2 ul li .last-date{float:left;width:50px;height:50px;text-align:center;border:1px solid #959595;margin-right:20px}

.ind_ppwh2 ul li .last-date strong{display:block;font-size:24px;font-weight:normal;line-height:1;margin-top:5px}

.ind_ppwh2 ul li .last-date span{display: block; font-size:.06rem;color:#22262b;}

.ind_ppwh2 ul li h4{font-size: 18px;}

.ind_ppwh2 ul li p{font-size: 12px;}

/*内页案例*/

.fenlei_list ul{width:100%}

.fenlei_list ul li{width: 100%; height:100%;margin-bottom:30px}

.fenlei_list ul li:hover .li_text .imgauto .text2{display:block}

.fenlei_list ul li.libg2 .li_text{width:98%;float:right}

.fenlei_list ul li .li_text{width:98%;background:#fff;position:relative;box-shadow:3px 5px 10px 4px #eee}

.fenlei_list ul li .li_text .imgauto{line-height:0;position:relative}

.fenlei_list ul li .li_text .imgauto img{max-width:100%}

.fenlei_list ul li .li_text .imgauto .text2{position:absolute;width:100%;height:100%;background:url(../img/bgh.png);padding:15px;top:0;display:none}

.fenlei_list ul li .li_text .imgauto .text2 .border_text{width:100%;height:100%;padding:30px;border:1px solid #fff}

.fenlei_list ul li .li_text .imgauto .text2 .border_text h3{font-size:24px;font-weight:bold;color:#fff;display:block;line-height:140%}

.fenlei_list ul li .li_text .imgauto .text2 .border_text span{color:#dcdcdc;font-size:16px;display:block;margin-top:15px;line-height:140%}

.fenlei_list ul li .li_text .imgauto .text2 .border_text p{color:#fff;font-size:14px;line-height:24px;display:block;margin-top:15px}

.fenlei_list ul li .li_text .imgauto .text2 .border_text i{width:100px;height:40px;font-size:14px;color:#fff;background:#9a6634;display:block;line-height:40px;margin-top:20px;border-radius:10px;text-align:center;font-style:normal}

.fenlei_list ul li .li_text .text{width:100%;border-top:1px solid #ccc}

.fenlei_list ul li .li_text .text span{width:100%;font-size:14px;display:block;color:#333;height:40px;line-height:40px;padding-left:8px}

.fenlei_list ul li .li_text .text span i{font-style:normal;font-size:20px;color:#333;height:40px;line-height:40px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;margin-right:20px}

.fenlei_list ul li .li_text .text p{width:100%;font-size:14px;color:#333;padding-left:8px;line-height:20px;display:block;padding-bottom:15px}

.fenlei_list ul li .li_text .text p i{font-style:normal;font-size:14px;color:#999;height:30px;line-height:30px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;margin-right:10px}

.fenlei_list ul li .li_text .renw{position:absolute;right:20px;bottom:20px}

.fenlei_list ul li .li_text .renw img{max-width:100%}



/*n内页设计师*/

.list_sjs li{position: relative;padding: 5px; background-color: #fff; overflow: hidden; margin-bottom:20px; box-shadow: 0 0.02rem 0.03rem 0 rgba(13,5,9,.1); -webkit-box-shadow:0 0.02rem 0.03rem 0 rgba(13,5,9,.1);}

.list_sjs li .designer{float: left; width:200px; height:260px; margin-right: 15px;}

.list_sjs li .designer img{width: 100%; height: 100%}

.list_sjs li .list-inner{float: left; width: 350px;}

.list_sjs li .list-inner h2{font-size: 18px; font-weight: 400; color:#333;}

.list_sjs li .list-inner p{font-size: 16px;margin-bottom: 15px; color:#333;}

.list_sjs li .list-inner dl{font-size: 14px; clear: both;}

.list_sjs li .list-inner dl dt,.list_sjs li .list-inner dl dd{float: left; line-height: 30px; color: #737373;}

.list_sjs li .list-inner dl .d1{width: 280px;}

.list_sjs li i{align-self:center; margin-top:90px; font-size: 16px; display:inline-block;}

/*列表页新闻主页*/

.list_new{background-color: #f4f4f4;}

.list_new_ind li{padding:0 15px;}

.list_new_ind li+li{margin-top: 20px;}

.list_new_ind li a{background-color: #fff; display: flex; border-radius:2px; -webkit-box-shadow:0 1px 0.04rem 0 rgba(13,5,9,.3); box-shadow: 0 1px 0.04rem 0 rgba(13,5,9,.3); padding:10px; overflow: hidden;}

.list_new_ind li .d1{width:48%;margin-right: 15px; float: left; height: 200px; overflow: hidden;}

.list_new_ind li .d1 img{width: 100%}

.list_new_ind li .d2{width: 50%; float: left;}

.list_new_ind li .d2 h4{margin-top: 15px; margin-bottom: 15px; font-size: 20px; white-space: nowrap; color: #333; overflow: hidden;}

.list_new_ind li .d2 p{font-size: 14px; line-height: 25px; color: #707070; width: 308px; height: 100px;overflow: hidden;}

.list_new_ind li .d2 .disc{font-size: 12px; margin-top:10px; color: #707070;}

/*分页*/

/*onlinLX结束*/

.pagination{width: 100%; height: 60px; clear: both; text-align: center;}

.pagination a{padding:5px 15px; display: inline-block; margin: 0 3px; color: #696969;border-radius: 5px;border: 1px #ccc solid;}

.pagination p{padding:5px 15px; display: inline-block; margin: 0 3px; color: #696969;border-radius: 5px;border: 1px #ccc solid;}

.pagination span{padding:5px 15px; display: inline-block; border:1px solid #b29652; margin: 0 3px; border-radius: 5px; background-color: #b29652; color: #fff; cursor: pointer;}

.pagination a:hover{padding:5px 15px; display: inline-block; border:1px solid #b29652; margin: 0 3px; border-radius: 5px; background-color: #b29652; color: #fff; cursor: pointer;}

.pagination .cur{padding:5px 15px; display: inline-block; border:1px solid #b29652; margin: 0 3px; border-radius: 5px; background-color: #b29652; color: #fff; cursor: pointer;}

/*设计师内页*/

.gz_info_header .gz_info_header_bg{width:100%;height:124px;background:#b69454}

.gz_info_header .gz_info_header_des{margin-top:-100px}

.gz_info_header .gz_info_header_des .gongdui_item .jp_tag{width:20px;color:#ffffff;position:absolute;top:0;right:15px;line-height:15px;background:#e74c3c;background-size:100%;z-index:2;padding-top:3px}

.gz_info_header .gz_info_header_des .gongdui_item .jp_tag:after{content:'';width:0px;height:0;border-style:solid;border-width:0 10px 10px;border-color:transparent #e74c3c transparent;position:absolute;bottom:-10px;left:0}

.gz_info_header .gz_info_header_word{background:#fff}



.design_item{border-radius:5px;background:#ffffff;position:relative; padding: 10px;}

.design_item .designer_list_words p{padding-right:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow:hidden}

.design_item .designer_list_words .btn:not(:last-child){margin-right:6px}

.design_item .jp_tag{width:20px;color:#ffffff;position:absolute;top:0;left:7px;line-height:15px;background:#e74c3c;background-size:100%;z-index:2;padding-top:3px}

.design_item .jp_tag:after{content:'';width:0px;height:0;border-style:solid;border-width:0 10px 10px;border-color:transparent #e74c3c transparent;position:absolute;bottom:-10px;left:0}

.design_item .hj_tag{width:59px;height:19px;color:#cda839;position:absolute;top:10px;right:0;line-height:19px;background:url(//s.dyrs.cc/static/m/images/20181016-07.png) no-repeat;background-size:100%;z-index:2}

.design_item .hj_tag span{margin-left:-5px}

.design_item .name{color:#333333}

.design_item .address{color:#999999}

.design_item .img{width:90px;height:90px;border-radius:5px;overflow:hidden}

.design_item .btn{border-radius:23px;padding:3px 7px}

.design_item .btn_1{background:rgba(71,124,212,0.1);color:#477cd4}

.design_item .btn_2{background:rgba(212,132,71,0.1);color:#d48647}

.design_item .btn_3{background:rgba(44,175,149,0.1);color:#2caf95}

.design_item .btn_4{background:rgba(207,113,88,0.1);color:#cf7158}

.design_item .btn_5{background:rgba(160,58,255,0.1);color:#a03aff}



.sjs_info .gz_info_header_word{border-bottom-left-radius:5px;border-bottom-right-radius:5px}

.detail-title{padding-top:30px;padding-bottom:10px;color:#333;font-size:18px;border-bottom:1px solid #edecec;margin-bottom:15px;font-weight:bold;line-height:1}

.detail-title-no-bold{padding-top:30px;padding-bottom:10px;color:#333;font-size:18px;border-bottom:1px solid #edecec;margin-bottom:15px;line-height:1}

.detail-title-with-no-border{padding-top:30px;padding-bottom:10px;color:#333;font-size:18px;margin-bottom:15px;font-weight:bold;line-height:1}

.common-detail-box .common-detail-flag{width:28px;height:28px;border-radius:28px;background:#fff;position:absolute;bottom:-9px;left:50%;margin-left:-14px}

.common-detail-box .iconfont{margin-left:6px;margin-top:11px;display:inline-block}

.common-detail-box .common-detail{line-height:2;height:70px;overflow:hidden;font-size:12px;position:relative}

.sjs_info .detail_company{background:#ffffff;margin:0 15px}

.sjs_info .design_item{border-bottom-left-radius:0;border-bottom-right-radius:0}

.sjs_info .gz_info_header_word{border-bottom-left-radius:5px;border-bottom-right-radius:5px}



.detail_company{height:80px;line-height:80px;border-radius:5px;background:#f7f7f7}

.detail_company p{width:4rem}

.detail_company .img{width:50px;height:50px;border-radius:50px;overflow:hidden}

.text-black{color: #333;}



.tab .tab_nav{line-height:40px;position:relative}

.tab .tab_nav.active:before{content:"";width:0.4rem;height:4px;background:#b69454;border-radius:4px;position:absolute;bottom:0;left:50%;margin-left:-0.2rem}















.bgh{background-color:#eeeeee;}

.f12{font-size: 12px;}

.tc{text-align: center;}

.flex-box{display: flex;}

.pd10{padding: 10px !important;}

.pdr15{padding-right: 15px !important;}

.pdl15{padding-left:15px !important;}

.mr15{margin-right: 15px !important;}

.flex1{-ms-flex:1;box-flex:1;flex:1;overflow:hidden}

.f18{font-size: 18px !important;}

.f12{font-size: 12px !important;}

.mt5{margin-top: 5px !important;}

.mt12{margin-top: 12px !important;}

.pdt16{padding-top:16px !important;}

.pdl10{padding-left: 10px !important;}

.pdb15{padding-bottom: 15px !important;}

.pr{position: relative;}

.mt15{margin-top: 15px !important;}

.mr10{margin-right: 10px !important;}

.ml10{margin-left: 10px !important;}

.fl{float: left;}

.f18{font-size: 18px !important;}

.bg-white{background-color: #fff;}

.flex-between{justify-content:space-between;}

.f15{font-size: 15px !important;}

.pdr15{padding-right: 15px !important;}

.pdl15{padding-left: 15px !important;}

.mt10{margin-top: 10px !important;}

.mb20{margin-bottom: 20px;}

/**/

.floor_3{background:#fff;padding-bottom:.4rem;border-bottom:1px solid #e9e9e9;box-shadow:3px 3px 3px #e7e7e7}

.liuc{padding:3%}

.liuc .item{float:left}

.liuc .item .Piece{width:2.8rem;height:1.2rem;background:#f5f5f5;border:1px solid #ddd;float:left;padding:.24rem}

.liuc .item .Piece figure{width:30%;display:block;float:left}

.liuc .item .Piece figure img{margin:0 auto;max-width:100%;display:block}

.liuc .item .Piece p{position:relative;padding-top:.4rem;float:right;width:60%}

.liuc .item .Piece p i{font-size:.5rem;color:#ccc;line-height:.5rem;font-family:arial;font-weight:bold;display:block;position:absolute;left:0;top:0;z-index:1}

.liuc .item .Piece p span{position:relative;z-index:3;background:#f5f5f5;padding-top:.1rem;font-size:.26rem}

.liuc .item:nth-child(1) .jtou,.liuc .item:nth-child(5) .jtou{width:.41rem;height:1.2rem;background:url(img/jt.png) no-repeat center;background-size:.41rem auto;float:left}

.liuc .item:nth-child(2) .jtou,.liuc .item:nth-child(4) .jtou{display:block;width:100%;height:.4rem;background:url(img/jt2.png) no-repeat center;background-size:.18rem auto;float:left}

.liuc .item:nth-child(3){float:right;padding-bottom:.4rem}

.liuc .item:nth-child(3) .Piece{float:right}

.liuc .item:nth-child(3) .jtou{width:.41rem;height:1.2rem;background:url(img/jt3.png) no-repeat center;background-size:.41rem auto;float:left}

.liuc .item:nth-child(6) .jtou{display:none}

.xunpan{width:100%;height:2.93rem;background:url(img/xunpan.jpg) no-repeat center;background-size:6.4rem auto;color:#fff;text-align:center}

.xunpan b{font-size:.32rem;font-weight:bold;padding-top:.6rem;display:block}

.xunpan h3{font-size:.32rem;display:block}

.xunpan .btn{padding-top:.28rem}

.xunpan .btn a{display:inline-block;width:2.6rem;height:.65rem;line-height:.65rem;text-align:center;color:#fff;border-radius:.3rem}

.xunpan .btn a.zx{border:1px solid #fff;margin-right:.2rem}

.xunpan .btn a.tel{background:#b29652}

.xunpan .btn a i{width:.32rem;height:.32rem;display:inline-block;margin-right:.2rem}

.xunpan .btn a.zx i{background-position:-1.1rem -1.06rem}

.xunpan .btn a.tel i{background-position:-1.56rem -1.06rem}

.floor_4{background:#f5f5f5;padding-bottom:.5rem}

.floor_4 .title h2{background:url(img/line1.png) no-repeat center;background-size:6.4rem auto}

.floor_4 .title h2 b{font-weight:bold}

.focus{width:94%;margin:0 auto;position:relative;overflow:hidden;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:.05rem}

.focus .hd{width:100%;height:.6rem;z-index:1;text-align:center}

.focus .hd ul{overflow:hidden;display:block;height:.6rem;text-align:center}

.focus .hd ul li{display:inline-block;width:0.14rem;height:0.14rem;margin:0 1%;vertical-align:middle;background:#999;z-index:3;font-size:0;border-radius:.3rem}

.focus .hd ul .on{background:#b29652;width:.32rem}

.focus .bd{position:relative;z-index:0}

.focus .bd li{position:relative;text-align:center}

.focus .bd li figure{width:100%;padding-top:75%;position:relative;overflow:hidden;margin:0 auto}

.focus .bd li figure img{width:100%;position:absolute;left:0;top:0;display:block}

.focus .bd li h3{display:block;font-size:.3rem;line-height:0.5rem;color:#000}

.focus .bd li .txt{padding:.4rem}

.focus .bd li .txt p{font-size:0.24rem;color:#666}

.focus .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);display:block}

.ipatent{width:100%;background:url(img/zhuanli.jpg) no-repeat center top;background-size:6.4rem auto;color:#fff}

.ipatent .title h2{color:#fff;background:none}

.ipatent .title h2 b{font-weight:bold}

.ipatent .list{padding:.1rem 3% .4rem}

.ipatent .item{background:url(img/ipat_bk.png) no-repeat left top;background-size:6rem auto;display:block;margin-bottom:.2rem;height:1.5rem}

.ipatent .item a{display:block;padding:.2rem .2rem 0}

.ipatent .item .txt{width:70%;float:left;padding-left:3%}

.ipatent .item .txt h3{font-size:.28rem;color:#fff}

.ipatent .item .txt p{font-size:.2rem;color:#ccc;height:.8rem;overflow:hidden}

.ipatent .item figure{width:1.4rem;background:url(img/ys_t_green.png) no-repeat left top;background-size:1.4rem auto;float:right;height:1.2rem;text-align:center}

.ipatent .item figure img{width:.64rem;height:.6rem;margin:.3rem auto;display:block}

.ipatent .item:nth-child(2n) .txt{float:right;padding-left:0;padding-right:3%}

.ipatent .item:nth-child(2n) figure{float:left}

.thumblist{width:100%;margin:0 auto .3rem;padding:0}

.thumblist li{width:100%;display:block;padding:.2rem 0;border-top:1px solid #eee}

.thumblist li:first-child{border-top:0}

.thumblist li a{display:block;padding:0 3%}

.thumblist li figure{width:30%;padding-top:22.5%;position:relative;overflow:hidden;z-index:2;float:right;margin-left:2%;margin-top:0.033rem}

.thumblist li figure img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block}

.thumblist li h3{font-size:.26rem;color:#000;height:.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.thumblist li p{color:#666;font-size:.2rem;height:0.65rem}

.thumblist li span{color:#999;font-size:.2rem}

.thumblist li a:hover h3{color:#b29652}

.floor{box-shadow:0 1px 2px rgba(0,0,0,.05);background:#fff}

.menubox .iconn{width:.4rem;height:.4rem;display:inline-block;cursor:pointer}

.menubox .goHome{margin-right:.16rem}

.menubox .iconn:before{width:.4rem;height:.4rem;background-size:1.4rem}

.menubox .goBack{background:none}

.wrapper{width:100%;overflow:hidden;max-width:640px;min-width:320px;position:relative}

.productPage{padding:3% 0 .5rem}

.productPage .gridlist{padding:0 3%}

.productPage .erro{padding:0 3%}

.iconbef:before{background:url(img/iconn.png) no-repeat;background-size:1.4rem auto;vertical-align:middle}

.cateList{width:100%;line-height:0.8rem;text-align:center;background:#f6f6f6;color:#333;position:relative}

.cateList .goBack{width:.8rem;height:.8rem;padding-top:.23rem;position:absolute;left:.1rem;top:0;z-index:12}

.cateList .goBack:before{width:.4rem;height:.4rem;display:block;margin:0 auto;background-position:-1.0rem -0.64rem}

.cateList h3{position:relative;font-size:.3rem;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}

.cateList h3 s{position:absolute;top:0.34rem;right:.4rem;width:.25rem;height:.2rem;margin-left:.1rem;background-position:-1.16rem 0;display:none}

.cateList .box{width:100%;padding:.2rem 3% .0;z-index:11; height:auto; overflow:hidden;}

.cateList .box a{width:32%;margin-right:2%;margin-bottom:.15rem;height:.65rem;line-height:.63rem; background-color: #fff; border:1px solid #e6e6e6;font-size:.26rem;text-align:center;display:block;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.cateList .box a:nth-child(3n){margin-right:0}

.cateList .box a.on{background:#b29652;border-color:#b29652;color:#fff}

.gridlist{padding:0 3%}

.gridlist .item{width:calc(48.5%);margin-right:3%;margin-bottom:.05rem;float:left;position:relative}

.gridlist .item a{width:100%;display:block}

.gridlist .item h3{width:100%;line-height:.35rem;height:.7rem;overflow:hidden;text-align:center;font-size:.24rem}

.gridlist .item figure{width:100%;position:relative;padding-top:75%;margin-bottom:.1rem;overflow:hidden}

.gridlist .item figure img{position:absolute;width:100%;min-height:100%;left:0;top:0}

.gridlist .item:nth-child(2n){margin-right:0}

.gridlist.gridlist34 .item figure{padding-top:133%;padding-bottom:0}

.newsPage{padding:.2rem 3% .6rem}

.newsPage .inews{background:none}

.newsPage .newslist .item{border-top:0;border-bottom:1px solid #f2f2f2}

.newsPage .newslist .item:first-child{padding-top:.1rem}

.newslist .item{width:100%;padding:.25rem 3%;display:block;border-top:1px solid #f2f2f2}

.newslist .item img{width:1.9rem;height:1.43rem;display:block;margin-left:.2rem}

.newslist .item h3{font-size:.26rem;line-height:0.4rem;margin-bottom:.05rem;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.newsPage .item p{font-size:.23rem;line-height:0.35rem;color:#999999;overflow:hidden}

.newslist .item .dec{color:#848484;font-size:.2rem}

.newslist .item .dec span{margin-right:.45rem}

.newslist .item .dec span.ico{width:0.24rem;height:0.1rem;margin-left:.2rem;margin-right:0;background-position:-2.08rem 0}

.showimg{width:100%;position:relative}

.showimg .imglist{width:5.6rem;height:4.55rem;margin:0px auto;padding:.4rem 0 .2rem;position:relative;overflow:hidden}

.showimg .list{float:left;width:500%}

.showimg a{float:left;width:5.6rem;text-align:center;display:block}

.showimg a img{height:4.55rem;width:5.6rem;margin:0px auto;display:block;background-size:100%}

.showimg span.left{right:auto;left:50%;margin-left:-3rem}

.showimg span{display:none;width:30px;height:50px;text-align:center;position:absolute;top:50%;margin-top:-25px;right:50%;margin-right:-3.04rem;cursor:pointer}

.showimg span.left::before{content:"";position:absolute;background:#fff;width:11px;height:11px;right:10px;top:20px;z-index:11;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.showimg span.left::after{content:"";position:absolute;background:#aaaaaa;width:11px;height:11px;right:14px;top:20px;z-index:10;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.showimg span.right::before{content:"";position:absolute;background:#fff;width:11px;height:11px;right:14px;top:20px;z-index:11;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.showimg span.right::after{content:"";position:absolute;background:#aaaaaa;width:11px;height:11px;right:10px;top:20px;z-index:10;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.aboutPage{padding:.3rem 0 .5rem}

.aboutPage .txtcon{color:#666666;padding:0 3% .3rem}

.aboutPage .txtcon img{max-width:100%}

.singlePage{padding:.3rem 3%;border-bottom:.2rem solid #f1f1f1}

.singlePage img{max-width:100%}

.contactPage{overflow:hidden}

.contactPage .txtcon{color:#666666;padding:0 3% .3rem}

.contactPage .txtcon img{max-width:100%}

.contactPage .t{color:#000;padding:0 3% .2rem;font-size:.3rem}

.contactPage .n-tit{font-size:.3rem;color:#b29652;padding:.2rem 3% .2rem}

.contactPage .txtcon{padding:0 3% .3rem}

.contactPage .txtcon img{max-width:100%}

.yewuPage{padding-bottom:.6rem;padding-top:.3rem}

.yewuPage .list{padding:0 3%}

.yewuPage .item{padding:.3rem 0 .3rem;width:100%;display:block;border-bottom:1px solid #eee}

.yewuPage .item figure{width:36%;position:relative;padding-top:20%;overflow:hidden;margin-right:.2rem;float:left}

.yewuPage .item figure img{position:absolute;width:100%;min-height:100%;left:0;top:0}

.yewuPage .item h3{font-size:.26rem;height:0.34rem;line-height:0.34rem;overflow:hidden;color:#000}

.yewuPage .item .txt{font-size:.2rem;line-height:.3rem;height:.6rem;color:#333;overflow:hidden}

.yewuPage .item .time{font-size:.2rem;color:#999;display:block}

.yewuPage .item:first-child{padding-top:0}

.yewuPage .moreBtn{margin-top:0}

.yewuPage .erro{padding:3%}

.moreBtn{width:94%;margin:.3rem auto 0;text-align:center;color:#666;height:0.88rem;line-height:0.88rem;display:block;background:#f1f1f1}

.moreBtn a{color:#666}

.infobox{padding:3%}

.infobox img{max-width:100% !important}

.nfoot{padding:0.3rem 0 0.6rem;background:#fff;display:block;font-size:12px;text-align:center}

.content{width:100%;overflow:hidden;max-width:640px;min-width:320px}

.singlepage{padding-top:0;background:#f1f1f1}

.singlepage .floor_1,.singlepage .floor_2,.singlepage .floor_3,.singlepage .floor_4{padding:.2rem 0 .4rem}

.singlepage .title2{padding:0 3%}

.singlepage .title2 h3{color:#333;font-size:.3rem;font-weight:bold}

.singlepage .title2 h4{color:#999;text-transform:uppercase;font-size:.24rem;display:block}

.singlepage .info{padding:3%}

.erro{text-indent:1em}

.sitepathbox{width:100%;padding:0;height:.8rem;font-size:.26rem;margin:0;line-height:.8rem;background:#fff;position:relative;color:#666}

.sitepath{padding-right:3%}

.sitepath a{color:#666;display:inline-block}

.sitepathbox em{width:.14rem;height:.2rem;display:inline-block;margin:0 .16rem;background-position:-2.04rem 0}

.goBack{padding-left:2%;display:block}

.floor{padding:.3rem 0}

.caselist{padding-top:3%}

.catelist .item span{display:block;width:9px;height:16px;position:absolute;top:28%;margin-top:-8px;right:2%}

.catelist .item span:before{content:"";position:absolute;background:#ccc;width:11px;height:11px;right:0;top:0;z-indx:10;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.catelist .item span:after{content:"";position:absolute;background:#fff;width:11px;height:11px;right:4px;top:0;z-indx:11;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.caselist li{width:47%;margin-left:2%;margin-bottom:2%;float:left;box-sizing:border-box}

.caselist li a{display:block}

.caselist li figure{width:100%;padding-top:100%;position:relative;overflow:hidden;border-bottom:1px dotted #e0e0e0}

.caselist li figure img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block}

.caselist li h3{height:.65rem;line-height:.65rem;text-align:center;font-size:0.26rem;font-weight:normal}

.listProduct{padding-bottom:3%}

.listProduct .list{width:100%}

.listProduct li{width:47%;margin-left:2%;box-sizing:border-box;display:block;padding-top:3%;float:left;margin-bottom:3%;border-bottom:1px dotted #ccc}

.listProduct li a{display:block}

.listProduct li figure{width:100%;padding-top:75%;position:relative;overflow:hidden}

.listProduct li figure img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block}

.listProduct li h3{height:.5rem;line-height:.5rem;font-size:0.26rem;overflow:hidden;font-weight:normal;color:#000;text-align:center}

.listProduct li:hover h3{color:#ff0505}

.listProduct li p{white-space:normal;word-wrap:break-word;color:#333}

.newsList .list{width:100%;margin-bottom:.3rem}

.newsList .item{overflow:hidden;position:relative;border-bottom:1px solid #f3f3f3}

.newsList .item:nth-child(2n){background:#f9f9f9}

.newsList .item:nth-child(2n) span:after{background:#f9f9f9}

.newsList .item:last-child{border:0px}

.newsList .item a{width:92%;height:1.5rem;padding:.2rem 5% .2rem 2%;display:block}

.newsList .item h3{font-size:.3rem;line-height:.38rem;font-weight:normal;margin-bottom:.08rem;color:#093c84}

.newsList .item .txt{color:#666666;font-size:.22rem;line-height:.28rem}

.showInfo{padding:4% 0 .5rem;width:100%}

.showInfo .title{font-size:.4rem;text-align:center;line-height:.46rem;margin-bottom:.2rem;color:#333333;padding:.1rem 3% 0}

.showInfo .menu{margin-bottom:.2rem}

.showInfo .mark{font-size:.22rem;text-align:center;color:#666666;padding-bottom:.1rem;border-bottom:1px solid #dbd7d7}

.showInfo .mark span{margin:0 .06rem}

.showInfo .contxt{padding:.2rem 3% .4rem;color:#666666}

.showInfo .contxt img{max-width:100%;height:auto !important}

.showInfo .reLink{margin:.2rem 3% .1rem}

.showInfo .showRelate{margin-top:.1rem}

.showInfo .showRelate .sitepath{padding:.18rem 0 0}

.showInfo .showRelate .sitepath h3{font-weight:bold}

.showInfo .showRelate .item{margin-bottom:.2rem}

.m-share{margin-left:3%;margin-bottom:.2rem}

.catemore{width:100%;margin:0 auto;display:block;text-align:center;color:#868686;font-size:.24rem;background:#f2f2f2}

.catemore a{display:block;padding:.3rem 0;width:94%;margin:0 auto;text-align:center;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}

.catemore:active,.catemore:hover{color:#913d23}

.catemore span{display:inline-block;width:.38rem;height:.4rem;background-position:-2.02rem -.8rem;margin-right:.18rem;-webkit-animation:rotating 1s infinite linear}

.rotating{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:rotating 700ms linear;-webkit-transform:translateZ(0);animation-name:rotating}

@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg)}

100%{-webkit-transform:rotate(360deg)}

}@keyframes rotating{0%{-webkit-transform:rotate(0deg)}

100%{-webkit-transform:rotate(360deg)}

}

.login{width:90%;margin:5% auto;padding:3%}

.login li{width:100%;margin-bottom:5%}

.login li img{float:right;margin-right:10%;width:30%;height:.67rem}

.login_input{display:block;height:2.8em;-webkit-appearance:none;border-radius:0}

.login_textarea{height:8em;margin-bottom:-2%}

.login li .pin_width{width:50%}

.login li .login_btn{width:100%;color:#fff;border:0;text-align:center;font:.3rem/.8rem "microsoft yahei";background:#b29652;box-shadow:none}

.login input,.login textarea{width:100%;border:1px solid #e5e5e5;background:#fff;color:#333;font:.24rem/.5rem "microsoft yahei";text-indent:.1rem}

#tip{padding:5% 0;min-height:300px}

#tip b{color:#b29652;font-weight:bold}


/*样板房专题*/
.ybf_h2{font-size:36px; font-weight: 500; text-align: center; padding: 15px 0;}

.ybf_case .product{text-align: center;}
.ybf_case .product .cha{margin-top: 10px; margin-bottom: 10px; display: inline-block;}
.ybf_ban{width: 100%;}
.ybf_ban img{width: 100%;}

.ybf_l1{width:49%; height:318px; background: url(../img/ybf_wsm1.png) no-repeat; float: left; margin-right:1%; padding:30px; cursor:pointer; ;}
.ybf_l1 h3{font-size:60px; color: #b69454;}
.ybf_l1 p{font-size:30px; color: #b69454;}
.ybf_l2{width:100%; height: auto; float: right; margin-top: 10px;}
.ybf_l2 ul{padding-left: 0px;}
.ybf_l2 li{width: 32%; float: left; margin-right: 1%; margin-bottom: 10px; border: 1px solid #ccc; cursor:pointer;}
.ybf_l2 li img{width: 100%;}

.ybf_b{width: 100%; height: auto; background-color: #ccc; margin-top: 20px; padding: 20px;}
.ybf_bl{width:100%;}
.ybf_bl h2{text-align: center; color: #000; margin-bottom: 20px;}
.ybf_bl li{width: 33%; float: left; height:30px; line-height:30px; font-size: 16px; color:#333;}
.ybf_br{width:100%;}
.ybf_br ul{padding-left: 0px;}
.ybf_br li{width:48%; float: left; margin-right:2%; margin-bottom: 10px; border: 1px solid #000; cursor: pointer;}
.ybf_br li img{width: 100%;}

.ybf_d{width: 100%; height: 358px;  position: relative;}
.ybf_d img{width: 100%;}
.ybf_d_c h3{width:330px; height: 50px; position: absolute; background-color:#b69454; text-align: center; line-height: 50px; font-size: 30px; color: #fff; margin-left: 50px; margin-top: 50px;}
.ybf_d_c h5{font-size: 30px; color: #fff; position: absolute; top: 120px; margin-left:30px;}
.ybf_d_c a{width: 150px; height:45px; border: 1px solid #b69454; border-radius: 3px; display:block; font-size: 20px; line-height: 45px; color: #b69454; text-align: center; position: absolute; top:200px; left:370px;}
.ybf_d_c a:hover{background-color: #b69454; color: #fff;text-decoration:none}

.ybf_f{margin-top:100px; margin-bottom:50px;}
.ybf_f_li{width: 50%; height: 530px; float: left; }

.ybf_f .li2{background-color: #2c2929; padding:20px; color: #fff;}
.ybf_f .li3{background-color: #b69454; padding:20px; color: #fff;}
.ybf_f_li2_1{margin-bottom:70px; font-size: 16px;}
.ybf_f_li2_1 h2{margin-bottom:20px;}

.ybf_g{width: 100%; height:405px; background: url(../img/ybf_g.jpg) center; position: relative; text-align: center;}
.ybf_g .g1{text-align: center; padding-top: 100px;}
.ybf_g .g2{text-align: center; padding-top:50px;}
.ybf_g a{display:inline-block; background-color: #fff; width: 150px; height:40px; border-radius: 3px; text-align: center; font-size: 20px; line-height: 40px; color: #000; margin-top:50px;}
.ybf_g a:hover{ background-color: #b69454;  color: #fff;text-decoration:none}

.ybf_h dl dt{ cursor: pointer;}
.ybf_h dl dd{float: left; width: 49%; height: 296px; margin-left:1%; margin-bottom:25px; cursor:pointer; ;}
.ybf_h dl dd img{width: 100%}

.ybf_k{margin-bottom: 30px;}
.ybf_k .tuanz ul{margin-left: 0px;}
.tuanz li{ float:left; width:32%; height:190px; margin-bottom: 1%; overflow:hidden;margin-right:1%; overflow: hidden;}
.tuanz li h2{ height:55px; line-height:55px; font-weight:normal;  font-size:24px; text-align: center;}
.tuanz li a{ display:block; background:#b69454; color: #fff;}
.tuanz li a:hover{ color:#fff;  background:#ccc;text-decoration:none; color: #000;}


@media only screen and (min-width:641px){

	html{font-size:100px}

}

@media only screen and (max-width:640px){html{font-size:100px}

}

@media only screen and (max-width:540px){html{font-size:84.375px}

}

@media only screen and (max-width:480px){html{font-size:75px}

}

@media only screen and (max-width:414px){html{font-size:64.6875px}

}

@media only screen and (max-width:400px){html{font-size:62.5px}

}

@media only screen and (max-width:375px){html{font-size:58.5938px}

}

@media only screen and (max-width:360px){html{font-size:56.25px}

}

@media only screen and (max-width:320px){html{font-size:50px}

}

@font-face{font-family:constantia;src:url("img/constantia.eot");src:url("img/constantia.eot?#iefix") format("eot"),url("img/constantia.ttf") format("truetype")}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes menu-line1-hover{0%{}

50%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)}

100%{top:50%;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg)}

}

@keyframes menu-line2-hover{0%{opacity:1}

50%{opacity:1}

51%{opacity:0}

100%{opacity:0}

}@keyframes menu-line3-hover{0%{}

50%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)}

100%{top:50%;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg)}

}@keyframes menu-line1{0%{top:50%;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg)}

50%{top:50%;transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)}

100%{top:0%;transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)}

}@keyframes menu-line2{0%{opacity:0}

50%{opacity:0}

51%{opacity:1}

100%{opacity:1}

}@keyframes menu-line3{0%{top:50%;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg)}

50%{top:50%;transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)}

100%{top:100%}

}@-webkit-keyframes menu{0%{width:24px}

45%{width:6px}

90%{width:24px}

100%{width:24px}

}@keyframes menu{0%{width:24px}

45%{width:6px}

90%{width:24px}

100%{width:24px}

}.pglist{padding:30px 0 15px;width:100%;text-align:center;clear:both}

.pglist a{color:#666;padding:0 15px;margin:0 3px;background:#fff;border:1px solid #edebeb}

.pglist *{display:inline-block;vertical-align:middle;line-height:34px;padding-bottom:1px}

.pglist a:hover,.pglist .hover{display:inline-block;color:#fff;background:#b29652;border-color:#b29652}