@charset "utf-8";
*{ box-sizing: border-box; font-family:'Microsoft YaHei';}
html{-webkit-font-smoothing:antialiased; font-size: 62.5%;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover,input,select,div,li,i,span,font,em{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none; outline: none;}
img{vertical-align:middle}
button,input[type=submit],input[type=text],input[type=button],input[type=tel],input[type=password]{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{ background: #f3f3f3;color:#333;line-height:1.3;font-size:.26rem;opacity: 0;overflow-x: hidden; padding-top: 1.16rem; padding-bottom: 1rem;}
a{ color: #333; }
.txt_overflow{display:inline-block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.ellipsis{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
.w{ width: 100%; }
.fl { float: left; }
.fr { float: right; }
.db { display: block; }
.d_ib { display: inline-block; }
.pr { position: relative; }
.pa { position: absolute; }
.tr { text-align: right; }
.tl { text-align: left; }
.tc { text-align: center; }
.vm { vertical-align: middle; }
.vt { vertical-align: top;}
.none { display: none; }
.bg_white{ background: #fff; }
.fc_e60012{ color: #e60012!important; }
.mb2{ margin-bottom: 0.2rem; }
.box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; box-flex: 1; flex: 1; overflow: hidden;display:block; }

/*header*/
header{ z-index: 888;/* overflow: hidden;*/ position: fixed; top: 0; height: 1.16rem; line-height: 1.16rem; background: #2c2c2c; width: 100%;}
header.white{ background: #fff!important; }
header .logo{ height: 0.51rem; }
header .location{ position: absolute; left: 0; padding-left: 0.23rem; font-size: 0.38rem; color: #666;}
header .location i{ margin-right: 0.17rem; display: inline-table; width: 0.33rem; height: 0.42rem; background: url(/skins/wap/images/icon1.png); background-size: cover; float: left; margin-top: 0.37rem; }
/*header .location font{ margin-left: 0.17rem; }*/
/*header .menu { height: 100%; overflow: hidden; cursor: pointer; height: 100%; z-index: 3; width: 0.89rem; position: absolute; right: 0; top: 0; padding: 0 0.23rem 0 0.2rem;}
header .menu i { position: absolute; top: 50%; width: 0.46rem; height: 0.06rem; background-color: #fff; left: 0.2rem; display: block; margin-top: -0.13rem; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
header.white .menu i{ background-color: #221e1f;}
header .menu i:nth-of-type(2) { margin: 0;}
header .menu i:last-of-type { margin-top: 0.13rem;}
header .menu.on{ z-index: 999; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
header .menu.on i:first-of-type { background: #fff; transform: translate(0, 0.13rem) rotate(-45deg); -moz-transform: translate(0, 0.13rem) rotate(-45deg); -webkit-transform: translate(0, 0.13rem) rotate(-45deg); -ms-transform: translate(0, 0.13rem) rotate(-45deg);}
header .menu.on i:nth-of-type(2) { transform: scale(0, 1); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1);}
header .menu.on i:last-of-type { background: #fff; transform: translate(0, -0.13rem) rotate(45deg); -moz-transform: translate(0, -0.13rem) rotate(45deg); -webkit-transform: translate(0, -0.13rem) rotate(45deg); -ms-transform: translate(0, -0.13rem) rotate(45deg);}
*/

header .menu { overflow: hidden; cursor: pointer; height: 100%; z-index: 3; width: 0.89rem; position: absolute; right: 0; top: 0; padding: 0 0.23rem 0 0.2rem;}
header .menu i { position: absolute; top: 50%; width: 0.46rem; height: 2px; background-color: #fff; left: 0.2rem; display: block; margin-top: -6px; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
header.white .menu i{ background-color: #221e1f;}
header .menu i:nth-of-type(2) { margin: 0;}
header .menu i:last-of-type { margin-top: 6px;}
header .menu.on{ z-index: 999; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
header .menu.on i:first-of-type { background: #fff; transform: translate(0, 6px) rotate(-45deg); -moz-transform: translate(0, 6px) rotate(-45deg); -webkit-transform: translate(0, 6px) rotate(-45deg); -ms-transform: translate(0, 6px) rotate(-45deg);}
header .menu.on i:nth-of-type(2) { transform: scale(0, 1); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1);}
header .menu.on i:last-of-type { background: #fff; transform: translate(0, -6px) rotate(45deg); -moz-transform: translate(0, -6px) rotate(45deg); -webkit-transform: translate(0, -6px) rotate(45deg); -ms-transform: translate(0, -6px) rotate(45deg);}


header .search{ position: absolute; top: 0; right: 0.89rem; display: inline-block; width: 0.8rem; height: 100%; background: url(/skins/wap/images/icon23.png) center center no-repeat; background-size: 0.39rem;}
header .share{ position: absolute; top: 0; right: 0.89rem; display: inline-block; width: 0.8rem; height: 100%; background: url(/skins/wap/images/icon29.png) center 0.44rem no-repeat; background-size: 0.33rem; }
header.white .search{ background: url(/skins/wap/images/icon2.png) center center no-repeat; background-size: 0.39rem;}
header .black_block{ position: absolute; left:0; top: 0; right: 0; height: 100%; background: #2c2c2c; z-index: 666; display: none;}
.menu_detail{ position: fixed; width: 100%; height: 100%; padding-top: 0.3rem; top: 1.16rem; background: #fff; z-index: 666; display: none; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.location_detail{ position: fixed; width: 100%; top: 0; display: none; z-index: 120; height: 100%; background-color: #f3f3f3; padding-top: 1.16rem; overflow: hidden; z-index: 999;}
.geo_title{ height: 1.16rem; background-color: #2c2c2c; position: absolute; top: 0; width: 100%; left: 0;}
.geo_title h1 { text-align: center; padding: 0 0.23rem; line-height: 1.16rem; font-size: 0.38rem; color: #fff;}
.geo_close{ position: absolute; padding: 0.42rem 0.23rem; width: 0.8rem; height: 100%; background: url(/skins/wap/images/icon19.png) center no-repeat; background-size: 0.34rem; }
.geo{ width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.geo .current{ font-size: 0.3rem; height: 1rem; line-height: 1rem; border-bottom: 0.03rem solid #f3f3f3; }
.geo .tit{ height: 1rem; line-height: 1rem; font-size: 0.3rem; color: #666; }
#ul_ou li{ width: 100%; height: 1rem; line-height: 1rem; font-size: 0.3rem }
#ul_ou li a{ display: block; padding: 0 0.23rem; }
#ul_ou li:nth-child(2n+1){ background: #f3f3f3; }
#ul_ou li:nth-child(2n){ background: #fff; }
header .back{ position: absolute; left: 0; width: 0.7rem; height: 100%; background: url(/skins/wap/images/icon22.png) center no-repeat; background-size: 0.24rem; }
header h1{ width: 100%; font-size: 0.38rem; color: #fff; height: 1.16rem;}
header h1 .txt_overflow{ width: 100%; /*padding-left: 0.7rem; padding-right: 1.69rem;*/}
header h1 i{ margin-left: 0.2rem; display: inline-block; width: 0.29rem; height: 0.19rem; background: url(/skins/wap/images/icon24.png) no-repeat; background-size: cover; }

@-webkit-keyframes zoom_big {
0% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes zoom_big {
0% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes zoom_small {
100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); }
0% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes zoom_small {
100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); }
0% { opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes fadeOutDown {
100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
0% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeOutDown {
100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
0% { opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes fadeInUp1 {
    0% { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp1 {
    0% { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}
.zoom_big { animation: zoom_big 0.5s forwards alternate; -webkit-animation: zoom_big 0.5s forwards alternate; -webkit-backface-visibility: hidden; opacity: 0;}
.zoom_small { animation: zoom_small 0.5s forwards alternate; -webkit-animation: zoom_small 0.5s forwards alternate; -webkit-backface-visibility: hidden; opacity: 1;}
.fadeInUp { animation: fadeInUp 0.5s forwards alternate; -webkit-animation: fadeInUp 0.5s forwards alternate; -ms-animation: fadeInUp 0.5s forwards alternate; -moz-animation: fadeInUp 0.5s forwards alternate; -webkit-backface-visibility: hidden; opacity: 0;}
.fadeOutDown { animation: fadeOutDown 0.5s forwards alternate; -webkit-animation: fadeOutDown 0.5s forwards alternate; -ms-animation: fadeOutDown 0.5s forwards alternate; -moz-animation: fadeOutDown 0.5s forwards alternate; -webkit-backface-visibility: hidden; opacity: 1;}

/*footer*/
footer{ width: 100%; display: table; height: 0.8rem; }
footer div{ display: table-cell; vertical-align: middle; }
footer p{ color: #999; line-height: 0.47rem; }

/*�?�?*/
.footer_href{ width: 100%; background-color: rgba(0,0,0,0.8); height: 1rem; position: fixed; z-index: 90; bottom: 0; padding: 0.15rem 0;}
.footer_href a{ display: block; font-size: 0.36rem; text-align: center; color: #fff; border-right: 1px solid #525252; height: 0.71rem; line-height: 0.71rem;}
.footer_href a:last-of-type { border-right: none;}
.footer_href a i,.footer_href a span{ display: inline-block; vertical-align: middle; }
.footer_href a:first-child i{ margin-right: 0.18rem; width: 0.59rem; height: 0.59rem; background: url(/skins/wap/images/icon17.png) no-repeat; background-size: contain; }
.footer_href a:last-child i{ margin-right: 0.18rem; width: 0.6rem; height: 0.55rem; background: url(/skins/wap/images/icon18.png) no-repeat; background-size: contain; }
.go_top{ width: 0.69rem; height: 0.68rem; background: url(/skins/wap/images/icon16.png) no-repeat; background-size: contain; position: fixed; display: none; bottom: 1.25rem; right: 0.33rem; z-index: 555; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; transition: all 0.2s; -webkit-transition: all 0.2s;}
.go_ask{ width: 1.6rem; height: 1.9rem;/*width: 0.69rem; height: 0.69rem;*/ background: url(/skins/wap/images/icon15.png) no-repeat; /*background-size: contain;*/ position: fixed; bottom: 2.11rem; right: 0.33rem; z-index: 555;}



/*首页*/
.focus{ width: 100%; margin:0 auto; position:relative; overflow:hidden; margin-bottom: -1px;}
.focus .hd{ width:100%; height: 0.16rem;  position:absolute; z-index:1; bottom: 0.25rem; text-align:center;  }
.focus .hd ul li{ font-size: 0; display:inline-block; width: 7px; height: 7px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; margin:0 3px; vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background: #fff;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;}
.index_nav,.menu_detail_box{ padding: 0.17rem 0 0.22rem; }
.index_nav a,.menu_detail_box a{ float: left; width: 25%; padding: 0.22rem 0;}
.index_nav .icon,.menu_detail_box .icon{ width: 0.88rem; height: 0.88rem; margin-bottom: 0.13rem; }
.index_nav span,.menu_detail_box span{ /*line-height: 0.34rem;*/ display: block; color: #333; text-align: center;}
.index_three{ height: 2rem; }
.index_three a{ font-size: 0.36rem; color: #666; }
.index_three i,.index_three font{ display: inline-table; vertical-align: middle; }
.index_three a font{ margin-left: 0.18rem; vertical-align: middle; }
.index_three a.fl{ border-right: 1px solid #e9e9e9; width: 50%; height: 100%; line-height: 2rem; text-align: center; background-color:#C4261D;}
.index_three a.fl i{ width: 2.5rem; height: 0.67rem; background: url(/skins/wap/images/icon11.png); background-size: cover; }
.index_three div.fr{ height: 100%; width: 50%;}
.index_three div.fr a{ display: block; height: 50%; line-height: 1rem; text-align: center; background-color:#C4261D;}
.index_three div.fr a:first-child{ border-bottom: 1px solid #e9e9e9;}
.index_three div.fr a:first-child i{ width: 2.0rem; height: 0.40rem; background: url(/skins/wap/images/icon12.png); background-size: cover; }
.index_three div.fr a:last-child i{ width: 2.0rem; height: 0.47rem; background: url(/skins/wap/images/icon13.png); background-size: cover; }
.index_order{ padding-bottom: 0.17rem;}
.index_order .title{ height: 0.94rem; line-height: 0.94rem; font-size: 0.38rem; color: #000; text-indent: 0.12rem; border-left: 0.15rem solid #e60012; }
.index_order form{ border-top: 0.02rem solid #f3f3f3; padding: 0.18rem 0.23rem; }
.index_order input,.index_order select{ outline: none; background: #f9f9f9; font-size: 0.3rem; margin-bottom: 0.1rem; width: 100%; height: 0.8rem; border: 1px solid #999; padding-left: 0.2rem; }
.index_order textarea{ outline: none; background: #f9f9f9; font-size: 0.3rem; margin-bottom: 0.1rem; width: 100%; height: 3.0rem; border: 1px solid #999; padding-left: 0.2rem; }
.index_order select{ -webkit-appearance: none; border-radius: 0px; background: url(/skins/wap/images/icon35.png) right center no-repeat #f9f9f9; background-size: contain; /*appearance:none; -moz-appearance:none; -webkit-appearance:none;*/}
.index_order .sub_btn{ padding: 0; margin-top: 0.1rem; font-size: 0.36rem; color: #fff; background: #e60012; border: none; }
.index_book{  height: 0.48rem; line-height: 0.48rem; display: block; color: #2e2e2e; font-size: 0.3rem; }
.index_book i{ margin-right: 0.12rem; display: inline-block; width: 0.48rem; height: 0.48rem; background: url(/skins/wap/images/icon14.png) no-repeat; background-size: cover; }
.index_book i,.index_book font,.index_book span{ vertical-align: middle; }

/*精品案例*/
.catTab ul{ text-align: center; background: #fff; height: 0.92rem; border-bottom: solid 1px #d6d6d6; position: relative; box-shadow: 0 1px 5px #dedede;}
.catTab ul li:first-child{ border: 0;}
.catTab ul li{ border-left: 0.02rem solid #d6d6d6;}
.catTab ul li a{ display: block; }
.catTab ul li span{ vertical-align: middle; font-size: 0.34rem; line-height: 0.92rem;}
.catTab ul li i{ margin-left: 0.18rem; display: inline-block; vertical-align: middle; width: 0.3rem; height: 0.19rem; background: url(/skins/wap/images/icon25.png) no-repeat; background-size: cover; }
.catTab ul li.on span{ color: #e60012; }
.catTab ul li.on i{ background: url(/skins/wap/images/icon26.png) no-repeat; background-size: cover;}
.catTab .tabLayer { position: absolute; left: 0; top: 0.92rem; background: rgba(255,255,255,0.9); max-height: 1.86rem; width: 100%; overflow: hidden; overflow-y: scroll; padding: 0.27rem 0.23rem 0.2rem; display: none; z-index: 555;}
.catTab .tabLayer>div{ display: none;}
.catTab .tabLayer>div a{ background: #f9f9f9; text-align: center; min-width: 1.15rem; display: block; float: left; height: 0.47rem; line-height: 0.47rem; border: 1px solid #e4e4e4; padding: 0 0.15rem; margin: 0 0.13rem 0.2rem 0;}
.catTab .tabLayer>div a.active{ border-color: #e60012; color: #e60012; }
.lazy { position: relative; overflow: hidden; background: url(/skins/wap/images/loading.gif) no-repeat center center; background-color: #fff; -webkit-transform: rotateZ(0deg);}
.caseList .item{ background: #fff; margin-top: 0.1rem;}
.caseList .pic .lazy_img{ width: 100%; /*height: 4.44rem;*/ }
.caseList .pic .picNum{ opacity: 0.8; right: 0.23rem; bottom: 0.2rem; color: #fff; text-shadow: 0 0 3px #666; font-size: 0.34rem;}
.caseList .pic .picNum i{ margin-right: 0.2rem; vertical-align: middle; display: inline-block; width: 0.26rem; height: 0.23rem; background: url(/skins/wap/images/icon30.png); background-size: cover; }
.caseList p{ line-height: 0.5rem;}
.caseList .info{ padding: 0.28rem 0.23rem 0.22rem;}
.caseList .info .name{ font-size: 0.34rem; max-width: 7.05rem;}
.caseList .tag{ max-width: 7.05rem;}
.caseList .tag a { vertical-align: middle; font-size: 0.29rem; color: #666;}
.caseList .tag font{ margin: 0 0.12rem; color: #d6d6d6; height: 0.2rem; vertical-align: middle;}
.caseList .like{ right: 0.23rem; top: 0.6rem; color: #999; font-size: 0.34rem; line-height: 0.4rem;}
.caseList .like i{ margin-right: 0.2rem; display: inline-block; vertical-align: middle; width: 0.27rem; height: 0.24rem; background: url(/skins/wap/images/icon20.png) no-repeat; background-size: cover; }
.caseList .liked i{ background: url(/skins/wap/images/icon21.png) no-repeat; background-size: cover;}

/*精品案例详情*/
.caseArticle .top{height: 3.0rem; text-align: center; color: #fff; background: url(/skins/wap/images/pic7.jpg) no-repeat center; background-size: cover; margin-bottom: 0.1rem;}
.caseArticle .top dt{padding: 0.33rem 0 0.17rem; font-size: 0.32rem; line-height: 0.5rem;}
.caseArticle .top dd p{ min-width: 2.3rem; display: inline-block; text-align: left; line-height: 0.5rem;}
.caseArticle .box2{height: 1.8rem; padding: 0 0.23rem; margin: 0.1rem 0;}
.caseArticle .box2 .pic{ width: 1.38rem; height: 1.38rem; border-radius: 50%; overflow: hidden; margin: 0.21rem 0.2rem 0 0; background: #f5f5f5;}
.caseArticle .box2 .pic img{display: block; width: 100%; height: 100%;}
.caseArticle .box2 .name{margin-top: 0.33rem;}
.caseArticle .box2 .name dt font{font-size: 0.34rem;line-height: 0.6rem;vertical-align: middle;}
.caseArticle .box2 .name dt img{width: 0.49rem;margin-left: 0.15rem;vertical-align: middle;}
.caseArticle .box2 .name dd{color: #666; line-height: 0.56rem;}
.caseArticle .box2 .btn{width: 1.91rem; margin-top: 0.64rem; padding: 0 0.2rem; height: 0.54rem; line-height: 0.54rem; background: #e60012; color: #fff; text-align: center;}
.caseArticle .box3{ padding: 0.23rem 0.23rem 0.51rem; margin-bottom: 0.03rem;}
.caseArticle .box3 p{ font-size: 0.24rem; line-height: 0.35rem; color: #666; }
.caseArticle .box3 p.name{ padding: 0.37rem 0 0.09rem; color: #333; }
.caseArticle .article .lazy{ min-height: 4.5rem; }
.caseArticle .article img{ max-width: 100%; border-bottom: 1px solid #b5b5b5; }
.caseArticle .article p{ height: 0.79rem; line-height: 0.79rem; text-align: center; background: #fff; margin-bottom: 0.1rem; }
.caseArticle .box4{ padding: 0.27rem 0; margin: 0.2rem 0; line-height: 0.46rem; text-align: center; font-size: 0.3rem;}
.caseArticle .box4 .flex1:first-child { border-right: 1px solid #e9e9e9;}
.caseArticle .index_book{ height: 1rem; line-height: 1rem; margin-bottom: 0; }
.share_body { display: none; position: fixed; z-index: 130; width: 100%; height: 100%; top: 0;}
.social-share { padding: 0.3rem 0.23rem; opacity: 0; text-align: center; -webkit-animation: fadeInUp 0.5s forwards alternate; animation: fadeInUp 0.5s forwards alternate; position: absolute; z-index: 30; bottom: 0; width: 100%; left: 0; background-color: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); white-space: inherit; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.icon-weibo{ display: inline-block; width: 0.9rem; height: 0.9rem; background: url(/skins/wap/images/icon31.png) no-repeat; background-size: cover;}
.icon-qq{ display: inline-block; width: 0.9rem; height: 0.9rem; background: url(/skins/wap/images/icon32.png) no-repeat; background-size: cover;}
.icon-qzone{ display: inline-block; width: 0.9rem; height: 0.9rem; background: url(/skins/wap/images/icon33.png) no-repeat; background-size: cover;}
.social-share a{ margin: 0 0.15rem; }



/*工地直播*/
.liveList .pic .lazy_img{ /*height: 5rem;*/ }
.liveList .tit{ padding: 0 0.04rem; text-align: center; font-size: 0.24rem; color: #fff; height: 0.8rem; line-height: 0.8rem; min-width: 1.06rem; position: absolute; right: 0.24rem; top: 0; background: url(/skins/wap/images/icon27.png) repeat-x; background-size: contain; }

/*活动优惠*/
.actList,.newsList{ margin-top: 0.1rem; }
.actList .item,.newsList li{ margin-bottom: 0.1rem; }
.actList .lazy_img{ width: 100%; height: 4.44rem; }
.actList h2{ background: #fff; font-size: 0.34rem; text-align: center; height: 0.8rem; line-height: 0.8rem; }

/*企业动�?*/
.newsList li{ background: #fff; padding: 0.26rem 0.23rem; }
.newsList li img{ width: 2.32rem; height: 1.84rem; }
.newsList div.fr{ width: 5.35rem; }
.newsList div.fr h2{ font-size: 0.32rem; line-height: 0.5rem; margin-bottom: 0.11rem; }
.newsList div.fr p{ overflow: hidden; margin-bottom: 0.12rem; height: 0.7rem; font-size: 0.26rem; color: #666; line-height: 0.35rem; }
.newsList div.fr span,.newsList div.fr span a{ font-size: 0.262rem; color: #999; }

/*找�?��?�师*/
.designList{ padding-top: 0.1rem; }
.designList li{ margin-bottom: 0.1rem; position: relative; background: #fff; padding: 0.24rem 0.23rem; }
.designList li .recod{ position: absolute; right: 0.23rem; top: 0; background: #e60012; color: #fff; font-size: 0.3rem; height: 0.51rem; line-height: 0.51rem; min-width: 0.51rem; text-align: center; }
.designList li img.lazy_img{ width: 1.64rem; height: 1.64rem; margin-right: 0.26rem; background: #f5f5f5;}
.designList li div.fr{ width: 6rem; }
.designList li h2{ line-height: 0.4rem; margin-bottom: 0.1rem; }
.designList li h2 > *{ vertical-align: middle; }
.designList li h2 font{ margin-right: 0.1rem; font-size: 0.34rem; }
.designList li h2 span{ color: #666; font-size: 0.24rem; }
.designList li h2 img{ margin-left: 0.05rem; width: 0.49rem; }
.designList li p{ line-height: 0.38rem; font-size: 0.24rem; color: #666; }
.designList li p font{ color: #c6c6c6; }

/*在线预约*/
.booking_content .focus{ height: 3.5rem; }
.booking_content .index_order{ padding-bottom: 0; }
.booking_content .load_state{ margin-top: 0.2rem; }
.booking_content .index_order form{ background: #fff; padding: 0.44rem 0.23rem 0.34rem; }
.booking_list{ margin-bottom: 0.1rem; line-height: 0.6rem; background: url(/skins/wap/images/pic25.jpg) no-repeat; height: 4.93rem; color: #fff; }
.booking_list h3{ padding: 0.24rem 0 0.09rem; }
.booking_list li{ font-size: 0.3rem; }
.booking_list li i{ display: inline-block; width: 0.18rem; height: 0.18rem; margin-right: 0.13rem; background: url(/skins/wap/images/icon34.png) no-repeat; background-size: cover; }
.booking_list li > *{ vertical-align: middle; }
#baojiaList{ height: 3.62rem; overflow: hidden; }
.booking_show img{ max-width: 100%; }
.booking_show h2{ background: #fff; text-align: center; font-size: 0.34rem; height: 0.95rem; line-height: 0.95rem; }

.a1 {margin-bottom: 15px; padding-left: 110px;}
.a1 font {display: inline-block; width: 70px; font-size: 14px; color: #666; line-height: 17px; cursor: default;}
.a1 .gb_style {display: inline-block;  width: 17px; height: 17px; margin-right: 5px; background-image: url(/images/icon_43.png); background-position: right center; vertical-align: middle; cursor: pointer;}
.a1 .gb_style.checked { background-position: left center;}



/*加载状�?*/
.load_state{ background: #e2e2e2; margin-top: 0.39rem; text-align: center; color: #666; font-size: 0.24rem; display: block; text-align: center; height: 1rem; line-height: 1rem;}
.news_content .load_state{ margin-top: 0.2rem; }


/*搜索�?*/
/*header form{ border-radius: 4px; position: absolute; left: 0.7rem; height: 0.8rem; margin-top: 0.18rem; width: 6.8rem; background: #515151; }
header form input{ height: 100%; background: none; border: none; }
header form .search_select{ min-width: 1.2rem; font-size: 0.28rem; background: url(/skins/wap/images/icon37.png) right center no-repeat; background-size: 0.2rem; display: block; padding: 0 0.3rem 0 0.23rem; line-height: 0.8rem; color: #fff;}
header form .word{ width: 5.2rem; font-size: 0.28rem; color: #fff; height: 0.8rem; padding-left: 0.2rem;}*/
header .search_div{ border-radius: 4px; position: absolute; left: 0.7rem; height: 0.8rem; margin-top: 0.18rem; width: 6.8rem; background: #515151; }
header .search_div input{ height: 100%; background: none; border: none; }
header .search_div .search_select{ min-width: 1.2rem; font-size: 0.28rem; background: url(/skins/wap/images/icon37.png) right center no-repeat; background-size: 0.2rem; display: block; padding: 0 0.3rem 0 0.23rem; line-height: 0.8rem; color: #fff;}
header .search_div .word{ width: 5.2rem; font-size: 0.28rem; color: #fff; height: 0.8rem; padding-left: 0.2rem;}
.search_hot em{display: block; color: #666; margin: 0 auto; text-align: center; overflow: hidden; padding: 0.2rem; width: 90%;}
.search_hot em span{font-size: 0.28rem; display: inline-block; padding: 2px 3px; position: relative; z-index: 3; position: relative;}
.search_hot em span:after, .search_hot em span:before{content: ''; display: block; position: absolute; width: 10000px; height: 1px; background-color: #666; z-index: 1; top: 50%; right: 110%;}
.search_hot em span:after{left: 110%;}
.search_hot div a{float: left; padding: 0.1rem 3px; border: 1px solid #666; color: #666; border-radius: 4px; width: 30%; margin-left: 2.5%; margin-bottom: 0.2rem; text-align: center;}
.fadeInUp1{animation: fadeInUp1 0.5s forwards alternate; -webkit-animation: fadeInUp1 0.5s forwards alternate; -ms-animation: fadeInUp1 0.5s forwards alternate; -moz-animation: fadeInUp1 0.5s forwards alternate; -webkit-backface-visibility: hidden; opacity: 0;}
section.search_select_list{position: absolute; z-index: 60; left: 5px; top: 100%; border-radius: 5px; background-color: #515151; display: block;}
div.search_select_list_body{position: fixed; z-index: 50; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); left: 0; top: 0; display: block;}
section.search_select_list span{display: block; color: #fff; font-size: 0.28rem; padding: 0.2rem; line-height: 1em; text-align: center;}
section.search_select_list:after{content: ''; top: -6px; left: 50%; margin-top: 1px; margin-left: -6px; display: block; position: absolute; border-width: 0 6px 6px 6px; border-style: solid; border-color: transparent transparent #515151 transparent;}
div.select_list_body{display: none;}

/*文章详情*/
.art_content{ background: #fff; font-size:16px!important;}
.art_content h2{ font-size: 0.34rem; text-align: center; padding: 0.3rem 0 0.11rem; }
.art_content h3{ font-size: 0.28rem; color: #999; text-align: center; padding-bottom: 0.28rem; border-bottom: 1px solid #d6d6d6; }
.art_content .art_text{ padding: 0.28rem 0.23rem 0; }
.art_content .art_text p{ line-height: 0.6rem; font-size: 0.34rem; color: #666; }
.art_content .art_text img{ margin-top: 0.3rem; margin-bottom: 0.3rem; width: 100%!important; height:100%!important; max-width: 100%!important; }
.art_content .art_text table{ width: 100%!important; }

/*艺术家�?�情*/
.desigDetaile{ color: #fff; height: 5.76rem; background: url(/skins/wap/images/pic27.jpg) no-repeat; background-size: cover; overflow: hidden;}
.desigDetaile .headpic{ width: 2rem; height: 2rem; margin: 0.38rem auto 0; border-radius: 50%; overflow: hidden;}
.desigDetaile .headpic img{ width: 100%; height: 100%; border-radius: 50%; background: #f5f5f5;}
.desigDetaile .name{ padding-top: 0.32rem; font-size: 0.38rem; line-height: 0.46rem;}
.desigDetaile .zhiwei{ font-size: 0.3rem; line-height: 0.6rem; margin-bottom: 0.14rem;}
.desigDetaile .info{ margin: 0 auto 0.23rem; width: 90%; font-size: 0.3rem; line-height: 0.5rem;}
.desigDetaile .btn{ font-size: 0.3rem; display: block; margin: 0 auto; width: 1.88rem; height: 0.66rem; line-height: 0.66rem; border: 1px solid #e60122; color: #e60122; }
.tabBox{ top: 0; width: 100%; box-shadow: 0 1px 5px #dedede; height: 1.05rem; line-height: 1.05rem; background: #fff; font-size: 0.34rem; }
.tabBox .tit{ height: 1.05rem; border-bottom: 0.04rem solid #fff; width: 3rem; box-sizing: border-box; }
.tabBox .tit.active{ border-color: #e60122; }
.ddetail_content .caseList .item,.ddetail_box .load_state{ margin-top: 0; }
.ddetail_wrap{ background: #fff; padding-top: 1.05rem; }
.ddetail_wrap .ddetail_box{ display: none; }
.introList dl{ padding: 0.18rem 0.25rem;}
.introList dt{ font-size: 0.34rem; line-height: 0.88rem;}
.introList dt font{ font-size: 0.34rem; }
.introList dt span{ font-size: 0.28rem; color: #333; }
.introList dd{ padding: 0.2rem 0; line-height: 0.5rem;}
.introList dd p{ color: #333; }
.border_b{ border-bottom: 1px solid #e3e3e3;}

@media screen and (min-width: 750px){
header .menu i{ height: 5px; margin-top: -12px; }
header .menu i:last-of-type{ margin-top: 12px; }
header .menu.on i:first-of-type { background: #fff; transform: translate(0, 12px) rotate(-45deg); -moz-transform: translate(0, 12px) rotate(-45deg); -webkit-transform: translate(0, 12px) rotate(-45deg); -ms-transform: translate(0, 12px) rotate(-45deg);}
header .menu.on i:last-of-type { background: #fff; transform: translate(0, -12px) rotate(45deg); -moz-transform: translate(0, -12px) rotate(45deg); -webkit-transform: translate(0, -12px) rotate(45deg); -ms-transform: translate(0, -12px) rotate(45deg);}
}
@media screen and (max-width: 350px){
.caseArticle .top dd p{ min-width: 2.7rem;}
}

.pager{
    text-align: center;
}
.pager a,.pager span{
    display:inline-block;
    padding:4px;
    border:1px solid #ddd;
    margin:2px;
}

.items{
    border:3px solid #fff;
    width:33.33%;
    text-align:center;
    float:left;
    box-sizing: border-box;
    padding:12px;
    border-radius: 4px;
    background-color:#C4261D;
    color:#fff;
}