@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;clear:all}
body{font-family:"微软雅黑",helvetica,arial,sans-serif;-webkit-text-size-adjust:none;color:#666;background:#fafafa;-webkit-text-size-adjust:none;min-width:320px;font-size:16px}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
form{display:inline}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none}
input,select,button{font-family:"微软雅黑",helvetica,arial,sans-serif;font-size:100%;vertical-align:middle;outline:0}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
a{text-decoration:none;color:#666;}
/*a:hover,a:focus,a:active{color:#3990e6;text-decoration:none}
a:visited{color:#666;}
*/
html,body{ width:100%; height:100%;}/*改*/

img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
.break{word-break:break-all;word-wrap:break-word}
.clearfix:after{content:'\0020';display:block;height:0;clear:both}
.clearfix{*zoom:1}
.clear{clear:both;}
.noScript{margin:10px;text-align:center;background:#adb9c4;color:#fff;display:block;height:40px;line-height:40px}
.left{float:left;}
.right{float:right;}
.blank1{height:15px; width:100%; clear:both; float:left;}
/*首页*/
nav{height:80px; background:#000;  width:100%; text-align:center;}
nav img{margin-top:15px;}

/*banner*/
.banner{border-bottom:2px solid #ce000c; width:100%;clear:both;}
.banner .box_swipe>ol{height:25px; position: relative; z-index:10; margin-top:-25px; text-align:center; padding-right:0;/* background-color:rgba(0,0,0,0.3);*/}
.banner .box_swipe>ol>li{display:inline-block; width:18px; height:5px; background-color:#999; border-radius: 0px;}
article{width:100%; clear:both;}
.in-menu{width:100%; overflow:hidden;}
.in-menu ul li{width:33.33%; text-align:center; border-bottom:1px solid #e5e5e5; float:left; height:120px;}
.in-menu ul li a{border-right:1px solid #e5e5e5; width:99%; display:block; height:100%;}
.in-menu ul li a img{margin-top:14px;}
.in-menu ul li a h3{color:#333; font-size:17px; margin-top:8px; line-height:20px;}
.in-menu ul li a p{font-size:12px; color:#999; text-transform:uppercase;-webkit-transform: scale(0.71); transform: scale(0.71); clear:both; float:left; width:100%; text-align:center; margin-top:3px;}
.in-footer{font-size:12px; background:#000; height:50px; width:100%; overflow:hidden;}
.in-footer p{-webkit-transform: scale(0.9); transform: scale(0.9); font-size:12px; color:#999; line-height:50px;}
.in-footer p.left{margin-left:5px;}
.in-footer p.right{margin-right:5px;}

/*header公共代码*/
header{width:100%; height:50px; background:#000; overflow:hidden; max-width:680px; position:fixed; top:0; left:0; z-index:999999;}
header h3{float:left; margin-left:4%; margin-top:12px; width:26%;}
header h3 img{float:left;width:10px;}
header h3 em{float:left; font-size:16px; line-height:18px; margin-left:6px; color:#fff; font-style:normal; display:block;}
header h3 a{display:block;}
header p{float:right; margin-right:4%; margin-top:10px;min-width:10%; display:inline-block;}
header p a{width:30px; display:block; float:right;}
header h2{width:40%; text-align:center; font-size:18px; color:#fff; line-height:50px; float:left;}
header h4{float:right; width:26%; text-align:right; margin-right:4%; margin-top:12px;}


/*footer 公共代码*/
footer{background:#000; width:100%; height:55px; position:fixed; bottom:0; z-index:999;}
.f-menu ul li{width:33%; color:#fff;border-right:1px solid #333; height:55px; float:left;}
.f-menu ul li a img{margin-right:7px; vertical-align:middle;}
.f-menu ul li a h3{color:#fff; font-size:16px; width:100%; text-align:center; line-height:55px;}
.f-menu ul li a span{width:100%; text-align:center;}
.f-menu ul li h3 .f-word{-webkit-transform : scale(0.4);transform : scale(0.4);color:#a4917c; font-family:Arial; text-transform:uppercase;  display:block; letter-spacing:-1px; margin-left:-37px; margin-top:-9px;}

.footer{font-size:12px; color:#bbb; clear:both; width:100%; overflow:hidden; margin-top:10px; float:left;}
.footer p.left{margin-left:10px; -webkit-transform: scale(0.9); transform: scale(0.9);}
.footer p.right{margin-left:10px;-webkit-transform: scale(0.9); transform: scale(0.9);}

/*元墅案列*/
article{padding-bottom:90px; clear:both; float:left; width:100%;}
.page-tmenu{height:48px; width:100%; clear:both; border-bottom:1px solid #cecece; background:-webkit-linear-gradient(top, #444444,#222222); }
.page-tmenu ul li{width:33.33%; text-align:center; height:48px; float:left; overflow:hidden; background:url(../images/t-line.jpg) repeat-y right top;}
.page-tmenu ul li a{}
.page-tmenu ul li h3{font-size:15px; margin-top:7px; clear:both; float:left; width:100%; line-height:18px; color:#bbb;}
.page-tmenu ul li p{color:#666; font-size:12px; clear:both; float:left; width:100%;-webkit-transform: scale(0.80); transform: scale(0.80);}
.case{margin-left:8px; margin-right:8px; clear:both; clear:both;margin-top:15px;}
.case ul li{width:48.5%; float:left; margin-right:3%; margin-bottom:3%; position:relative; background:#fff; -webkit-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888; padding-bottom:7px;}
.case ul li a{width:98%; margin:0 auto; display:block; margin-top:1%;}
.case ul li h3{height:30px; line-height:30px; width:90%; bottom:0; left:0; color:#333; font-size:16px; overflow:hidden; margin-left:5%; margin-top:5px;}
.case ul li p{background:url(../images/time-pic.png) no-repeat left center; background-size:15px; font-size:12px; color:#999; padding-left:18px; margin-left:5%; height:20px; overflow:hidden; line-height:20px;}
.case ul li img{width:100%;}
.case em{background:#cccccc; display:block; clear:both; float:left; width:100%; font-size:14px; height:33px; font-style:normal; text-align:center; margin-top:18px;}
.case em img{width:15px; display:inline; margin-right:5px;}
.case em h3{color:#333; font-size:16px; display:inline; line-height:33px; vertical-align:middle;}
/*案列选择*/
.case-choice{clear:both; position:absolute; z-index:3; background:#fff; width:100%; min-height:50px; display:block; color:#bbb; font-size:15px;}
.case-choice ul{clear:both; width:100%; float:left; margin-top:10px;}
.case-choice ul li{width:100%; border-top:1px dashed #d7c7b3; height:40px; clear:both; line-height:40px;}
.m{font-size:12px;-webkit-transform: scale(0.70); transform: scale(0.70);}
.case-choice ul li sup{font-size:10px;-webkit-transform : scale(0.75);transform : scale(0.75); display:inline-block;}
.case-choice p{margin-left:20px;}
.case-choice em{margin-right:20px;}
.case-choice b{background:#333; width:100%; height:30px; display:block; clear:both; float:left; text-align:center;}
.case-choice b a{width:100%; height:30px; display:block;}
.case-choice b img{width:13px; display:inline; margin-right:5px;}
.case-choice b h3{color:#fff; font-size:14px; display:inline; line-height:29px; vertical-align:middle;}
input[type="radio"] { -webkit-appearance: none; height: 18px; width: 18px; border:1px solid #c9c9c9; background:#fff; border-radius:50%;}
input[type="radio"]:focus,
input[type="radio"]:hover { border:1px solid #c9c9c9; background:#fff;}
input[type="radio"]:checked {background:url(../images/case-choice.png) no-repeat center center; border:none;}




/*元墅案列2*/
.designer2{clear:both; width:100%; float:left;}
.designer2-img{width:100%;}
.designer2-img img{width:100%;}
.designer2-ct .designer2-name{background:#fff; height:45px; width:100%; clear:both; display:block; -webkit-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;}
.designer2-name h3{float:left; font-size:19px; color:#000; margin-left:30px; line-height:45px;}
.designer2-name i{float:left; font-style:normal; font-size:12px; margin-top:7px; margin-left:6px; color:#827669; margin-top:20px;}
.designer2-name em{float:right; color:#fff; margin-right:30px; font-style:normal;width:70px; height:26px; border-radius:27px 27px 27px 27px; text-align:center; margin-top:9px; line-height:25px; background:-webkit-linear-gradient(top, #e31e26,#bd1a21); border:1px solid #be1a21;-webkit-box-shadow: 0px 1px 4px #888; box-shadow: 0px 1px 4px #999;}
.designer2-detail{clear:both; float:left; width:100%;}
.designer2-detail span{border-bottom:1px dashed #ddd; width:100%; display:block; clear:both; float:left; padding-bottom:10px; padding-top:10px;}
.designer2-detail span h3{color:#333; font-size:16px; margin-left:30px; margin-right:30px; line-height:24px;}
.designer2-detail span p{color:#666; font-size:12px; line-height:30px; margin-left:30px; margin-right:40px;}

.designer2-case span{width:100%; display:block; clear:both; float:left; padding-bottom:10px; padding-top:10px; border:0;}
.designer2-case span h3{color:#333; font-size:16px; margin-left:30px; margin-right:30px; line-height:24px;}
.designer2-case span p{color:#666; font-size:12px; line-height:20px; margin-left:30px; margin-right:30px;}
.designer2-case{clear:both;float:left;}
.designer2-case ul{clear:both; margin-left:30px; margin-right:30px; float:left;}
.designer2-case ul li{width:48.5%; position:relative; margin-right:3%; float:left; margin-bottom:3%;}
.designer2-case ul li img{width:100%;}
.designer2-case ul li b{position:absolute; height:26px; background:#000; width:100%; bottom:0; left:0;  opacity:0.6; z-index:1;}
.designer2-case ul li p{position:absolute; height:26px; line-height:26px; width:100%; bottom:0; left:0; text-align:center; color:#fff; font-size:14px; z-index:2;}
.designer2-case ul li img{width:100%;}
.project2-detail1{clear:both; border-bottom:1px dashed #ddd; padding-bottom:5px; float:left; width:100%; margin-top:10px; padding-bottom:10px;}
.project2-detail1 span{ margin-left:30px; margin-right:30px;clear:both;  float:left;}
.project2-detail1 h3{font-size:15px; color:#333;clear:both; float:left; line-height:24px; width:100%;}
.project2-detail2{clear:both; margin-left:30px; margin-right:30px;}
.project2-detail2 h3{font-size:16px; color:#333; width:100%; clear:both; float:left; margin-top:10px; margin-bottom:5px;}
.project2-detail2 p{font-size:12px; color:#666; width:100%; clear:both; float:left; line-height:20px;}
.btn{clear:both; float:left; width:100%;}
.btn em{ margin:0 auto; clear:both;color:#fff; font-style:normal; width:120px; height:34px; line-height:34px; border-radius:34px 34px 34px 34px; text-align:center; margin-top:30px; display:block; margin-bottom:15px; background:-webkit-linear-gradient(top, #e31e26,#bd1a21); border:1px solid #b3161d;-webkit-box-shadow: 0px 1px 4px #888; box-shadow: 0px 1px 4px #999;}
/*案列2图片切换*/
.sina_tj_baner,.sina_tj_top{font-size:0}
.sina_tj_baner img{width:100%;display:block;vertical-align:top}
.sina_tj_baner{position:relative;}
.sina_tj_baner h3{position:absolute; height:28px; width:100%; bottom:0; background:#000;opacity:0.3; color:#fff;}
.sina_tj_baner a h3{color:#fff;}

img {-ms-interpolation-mode: bicubic;vertical-align: middle;}
img:not([src*="/"]){display:none;}
.box_swipe{overflow:hidden;position:relative;}
.box_swipe ul{-webkit-padding-start: 0px;}
.box_swipe>ol{height:25px; position: relative; z-index:10; margin-top:-25px; text-align:right; padding-right:4%;/* background-color:rgba(0,0,0,0.3);*/}
.box_swipe>ol>li{display:inline-block; margin:5px 0; width:10px; height:10px; background-color:#757575; border-radius: 8px;}
.box_swipe>ol>li.on{background-color:#ffffff;}
.box_swipe img{width:100%;display:block;vertical-align:top}
/*私人定制*/
.page-tmenu2{height:48px; width:100%; clear:both; border-bottom:1px solid #cecece; background:-webkit-linear-gradient(top, #444444,#222222); }
.page-tmenu2 ul li{width:50%; text-align:center; height:48px; float:left; overflow:hidden; background:url(../images/t-line.jpg) repeat-y right top;}
.page-tmenu2 ul li a{}
.page-tmenu2 ul li h3{font-size:15px; margin-top:7px; clear:both; float:left; width:100%; line-height:18px; color:#bbb;}
.page-tmenu2 ul li p{color:#666; font-size:12px; clear:both; float:left; width:100%;-webkit-transform: scale(0.80); transform: scale(0.80);}

.designer{margin-left:8px; margin-right:8px; clear:both; clear:both;margin-top:25px;}
.designer ul li{width:100%; float:left; margin-bottom:17px; background:#fff; border:1px solid #fff;-webkit-box-shadow: 0px 1px 3px #aaa; box-shadow: 0px 1px 3px #aaa;}
.designer ul li span.left{width:45%; float:left;display:block;}
.designer ul li span.left img{width:100%;}
.designer ul li span.right{width:45%; margin-right:5%}
.designer ul li span.right h3{float:left; font-size:18px; color:#333; margin-top:8px;}
.designer ul li span.right i{float:left; font-style:normal; font-size:12px; margin-top:15px; margin-left:6px;}
.designer ul li span.right p{clear:both; float:left; font-size:12px; line-height:20px; height:55px; overflow:hidden; margin-top:5px;}
.designer em{background:#cccccc; display:block; clear:both; float:left; width:100%; font-size:14px; height:33px; font-style:normal; text-align:center; margin-top:18px;}
.designer em img{width:15px; display:inline; margin-right:5px;}
.designer em h3{color:#333; font-size:16px; display:inline; line-height:33px; vertical-align:middle;}

/*进度查询*/
.progress{width:100%; height:100%; position:relative; clear:both; float:left;}
.progressbg{position:absolute; top:0; left:0; z-index:1;vertical-align:middle; text-align:center; width:100%; height:100%;display:table-cell;}
.progressbg img{width:100%;vertical-align:middle;text-align:center; margin-top:10%;}
.progressct{position:absolute; z-index:5; top:0; left:0; width:100%; vertical-align:middle; text-align:center; height:100% }
.progressct h3{color:#333; margin-top:30%; font-size:35px; text-shadow:#aaa 2px 2px 2px; clear:both; font-weight:600; text-align:center; width:100%;}
.progressct span{width:85%; height:55px;margin-top:14%;position:relative; clear:both; float:left; margin-left:7.5%;}
.progressct span input{width:100%; box-shadow:1px 1px 3px 1px #e0dad1 inset; border-radius:40px; height:55px; border:0;color:#ccc; font-size:23px; text-indent:24px;}
.progressct em{position:absolute; background:#c71c23; width:70px; height:57px; border-radius:40px; right:0; top:0; vertical-align:middle; display:table-cell;}
.progressct em img{width:33px; text-align:center; vertical-align:middle; margin-top:14px;}

/*项目列表*/
.item-name{clear:both; width:100%; height:45px; border-bottom:1px solid #ddd;line-height:45px;}
.item-name h3{clear:both; float:left; margin-left:20px; font-size:18px; color:#333;}
.item{margin-left:20px; margin-right:20px; clear:both; clear:both;margin-top:25px;}
.item ul li{width:100%; float:left; margin-bottom:25px; border-bottom:1px dotted #d5d5d5; padding-bottom:15px;}
.item ul li h3{background:url(../images/item.png) no-repeat left center; background-size:15px; padding-left:25px; font-size:16px; margin-bottom:8px;}
.item ul li p{font-size:12px; line-height:20px;}
.item ul li i{font-size:12px; font-style:normal; margin-right:10px; color:#999;}
.item em{background:#cccccc; display:block; clear:both; float:left; width:100%; font-size:14px; height:33px; font-style:normal; text-align:center; margin-top:18px;}
.item em img{width:15px; display:inline; margin-right:5px;}
.item em h3{color:#333; font-size:16px; display:inline; line-height:33px; vertical-align:middle;}

/*进度查询2*/
.progressct2{clear:both; width:85%; margin:0 auto; position:absolute; z-index:5; margin-left:7.5%;padding-bottom:110px;}
.progressct2 span{clear:both; float:left; width:100%;margin-top:15px;}
.progressct2 span h3{font-size:15px; color:#5b4113; float:left; margin-top:10px;}
.progressct2 span img{float:left; width:36px;}
.progressct2-jindu{background:url(../images/progressct2.jpg) repeat-y 90px  bottom; width:100%; min-height:50px; clear:both;}
.progressct2-jindu h4{float:left; font-size:12px; color:#5b4113;margin-top:18px; width:80px; text-align:right; float:left;}
.progressct2-jindu i{width:12px; height:12px; border-radius:6px; display:block; float:left; background:#333;margin-top:21px; margin-left:6px; margin-right:6px;}
.progressct2-jindu p{float:left; font-size:12px; color:#5b4113;margin-top:18px; width:84px; text-align:left;}
.progressct2-jindu ul{ clear:both; margin-left:104px;}
.progressct2-jindu ul li{width:30%; float:left;  margin-top:7px; margin-right:1.5%;}
.progressct2-jindu ul li img{width:100%;}
.progressct2-jindu2{background:#333; width:4px; height:10px; clear:both; border-radius:0px 0px 6px 6px; margin-left:90px;}
.progressct2 .btn em{ margin-top:20px; display:block; margin-bottom:0px;}

.progressct2-t{clear:both; margin-top:20px;color:#5b4113;}
.progressct2-t h2{font-size:16px;border-bottom:1px solid #b7a895;width:100%; padding-bottom:5px; margin-bottom:10px;}
.progressct2-t p{clear:both; font-size:14px; line-height:24px;}


/*家装百事通*/
.know-all{margin-left:8px; margin-right:8px; clear:both; clear:both;margin-top:15px;}
.know-all ul li{width:100%; float:left; margin-bottom:15px; background:#fff;-webkit-box-shadow: 1px 2px 3px #aaa; box-shadow: 1px 2px 3px #aaa;}
.know-all ul li span.left{width:30%; float:left;display:block; margin-left:4%; margin-top:4%; margin-bottom:4%;}
.know-all ul li span.left img{width:100%;}
.know-all ul li span.right{width:58%; margin-right:4%; overflow:hidden;}
.know-all ul li span.right h3{float:left; font-size:18px; color:#333; margin-top:5%; height:23px; overflow:hidden;}
.know-all ul li span.right p{clear:both; float:left; font-size:12px; line-height:20px; height:55px; overflow:hidden; margin-top:5px; height:40px; overflow:hidden;} 
.know-all ul li i{background:url(../images/time-pic.png) no-repeat left 8px; background-size:15px; clear:both; float:left; font-size:12px; color:#999; padding-left:18px; margin-top:5px; padding-top:7px; height:20px; overflow:hidden; line-height:20px; width:100%; border-top: 1px dotted #ccc; font-style:normal;}
.know-all em{background:#cccccc; display:block; clear:both; float:left; width:100%; font-size:14px; height:33px; font-style:normal; text-align:center; margin-top:18px;}
.know-all em img{width:15px; display:inline; margin-right:5px;}
.know-all em h3{color:#333; font-size:16px; display:inline; line-height:33px; vertical-align:middle;}
/*家装百事通2*/
.know-all2{clear:both; width:100%;}
.knowall2-t{clear:both; background:#fff; -webkit-box-shadow:0px 1px 1px #bbb; box-shadow:0px 1px 1px #bbb;}
.knowall2-t span{width:100%; float:left; margin-top:10px; margin-bottom:11px; overflow:hidden;}
.knowall2-t span h3.left{font-size:16px; color:#333; border-bottom:1px dotted #ccc; padding-bottom:10px; padding-left:3%; padding-right:3%; line-height:24px;}
.knowall2-t span em{font-size:12px; color:#999; font-style:normal; margin-top:4px; float:left; margin-top:10px;}
.knowall2-t span em.time{background:url(../images/time-pic.png) no-repeat left center; margin-left:3%; clear:both; background-size:15px; padding-left:18px;}
.knowall2-t span em.look{background:url(../images/about-time2.png) no-repeat left center; margin-left:15px; background-size:18px; padding-left:23px;}
.knowall2-ct{clear:both; background:#fff; -webkit-box-shadow:0px 0px 3px #888; box-shadow:0px 0px 3px #888;margin-top:15px; padding-bottom:20px; width:100%; overflow:hidden;}
.knowall2-ct .all-detail{width:94%; margin-left:3%; margin-top:15px; overflow:hidden;}
.knowall2-ct .all-detail img{margin:0 auto; width:100%; margin-bottom:7px; text-align:center; clear:both;}
.knowall2-ct .all-detail p{font-size:12px; color:#666; line-height:24px; overflow:hidden; clear:both; width:100%;}
.single-weixin{width:94%; margin-left:3%; border-bottom:1px dotted #ccc; padding-top:20px; padding-bottom:20px; clear:both;float:left;}
.single-weixin img{float:left; width:100px; margin-right:15px; }
.single-weixin p{font-size:12px; color:#666; line-height:20px; }
.piece-btn{width:94%; margin-left:3%; clear:both;}
.piece-btn a em{font-style:normal; padding-top:9px; height:20px; margin-top:20px; padding-bottom:10px; border:1px solid #c1c1c1; box-shadow:0px 1px 0px 0px #aaa; border-radius:4px;width:48%; text-align:center; color:#333;}
.piece-btn a em img{margin-right:5px; width:18px;}
.piece-btn a em.btn1{background:#e8e8e8; float:left;}
.piece-btn a em.btn2{background:#e8e8e8; float:right;}

/*提示分享弹出层*/
#mcover {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: none;z-index: 20000;}
#mcover img {position: fixed;right: 18px;top: 5px;width: 260px!important;height: 180px!important;z-index: 20001;}

/*售后服务*/
.service{clear:both; width:100%;}
.service-ct{background:#fcfcfc; padding-top:7px; padding-bottom:25px; -webkit-box-shadow:0px 1px 1px #aaa; box-shadow:0px 1px 1px #aaa;}
.service span {width:94%; clear:both; margin:0 auto; display:block;}
.service span h3{color:#000; font-size:16px; margin-bottom:9px; margin-top:13px; margin-left:2px;}
.service span em{color:#999; font-size:12px; font-style:normal;}
.service span input{background:#fff; border:1px solid #d5d5d5; border-radius:3px; height:35px; text-indent:10px; color:#999; font-size:12px; width:100%;}
.service span select{background:-webkit-linear-gradient(top, #fcfcfc,#f3f3f3); border:1px solid #d5d5d5; border-radius:3px; height:35px; text-indent:10px; color:#666; font-size:12px; width:100%;}
.service span textarea{background:#fff; border:1px solid #d5d5d5; border-radius:3px; height:35px; text-indent:10px; color:#999; font-size:12px; width:100%; height:110px; padding-top:7px; font-family:"微软雅黑";}
.service-btn em{margin:0 auto; clear:both;color:#fff; font-style:normal; width:120px; height:34px; line-height:34px; border-radius:34px 34px 34px 34px; text-align:center; margin-top:30px; display:block; margin-bottom:15px; background:-webkit-linear-gradient(top, #e31e26,#bd1a21); border:1px solid #b3161d;-webkit-box-shadow: 0px 1px 4px #888; box-shadow: 0px 1px 4px #999;}


/*关于元墅*/
.about ul{margin-top:15px;}
.about ul li{width:94%; margin-left:3%; margin-bottom:13px; position:relative; }
.about ul li span{width:95%;background:#fff;box-shadow:0px 1px 1px 1px #ccc; display:block;height:50px; padding-top:10px; padding-bottom:8px;}
.about ul li h3{background:url(../images/shadow.png) no-repeat left bottom; width:55px; height:49px; background-size:52px auto;  margin-left:10px; float:left;}
.about ul li h3 img{width:40px; height:40px; float:left; border:1px solid #ddd; padding:2px; margin-left:3px;}
.about ul li h4{margin-left:10px; float:left; font-size:12px; line-height:20px; margin-top:4px; width:65%; overflow:hidden; height:20px;font-size:16px; color:#333;}
.about ul li p{color:#999999; margin-left:10px; float:left; font-size:12px; line-height:20px; margin-top:4px; width:65%; overflow:hidden; height:20px;}
.about ul li b{background:#fff; width:28px; height:28px; display: block; position:absolute; z-index:5; top:20px; right:1%; border-radius:50px; box-shadow:0px 0px 1px 1px #ccc; font-family:"宋体"; color:#ccc; font-size:19px; text-align:center; line-height:28px;}

/*招贤纳士*/
.recruit{margin-left:8px; margin-right:8px; clear:both; clear:both;margin-top:15px;}
.recruit  ul li{width:100%; float:left; margin-bottom:15px; background:#fff;-webkit-box-shadow: 1px 2px 3px #aaa; box-shadow: 1px 2px 3px #aaa;}
.recruit  ul li a{width:92%; overflow:hidden; display: block; overflow:hidden; margin:0 auto;margin-top:15px; margin-bottom:5px;}
.recruit  ul li h3{font-size:18px; color:#333; height:23px; overflow:hidden;clear:both; float:left; width:100%;}
.recruit  ul li p{clear:both; float:left; font-size:12px; line-height:20px; overflow:hidden; margin-top:10px; height:40px; overflow:hidden; width:100%;}
.recruit  ul li i{clear:both; background:url(../images/time-pic.png) no-repeat left center; background-size:15px; color:#999; font-size:12px; font-style:normal; padding-left:20px; border-top:1px dotted #ccc; display:block; overflow:hidden; margin-top:7px; float:left; width:100%; heigh:33px; line-height:33px;}
.recruit em{background:#cccccc; display:block; clear:both; float:left; width:100%; font-size:14px; height:33px; font-style:normal; text-align:center; margin-top:18px;}
.recruit em img{width:15px; display:inline; margin-right:5px;}
.recruit em h3{color:#333; font-size:16px; display:inline; line-height:33px; vertical-align:middle;}

/*招贤纳士2*/
.recruit2{width:92%; margin:20px auto 0 auto; overflow:hidden;}
.recruit2 .recruit2-t{border-bottom:1px dotted #ccc; height:65px;}
.recruit2 .days{background:url(../images/daysbg.jpg) no-repeat left top; background-size:60px; float:left; margin-left:20px; width:60px; height:60px; }
.recruit2 .days p{font-family:Arial; font-size:12px;-webkit-transform: scale(0.85); transform: scale(0.85); margin-top:1px; clear:both; float:left;}
.recruit2 .days h3{font-family:Arial; font-size:23px; color:#000; font-weight:normal; clear:both; float:left; width:60px; text-align:center; line-height:30px; margin-top:3px;}
.recruit2 .recruit2-name{float:left;margin-left:13px; font-size:12px;}
.recruit2 .recruit2-name h3{color:#ce0009; font-size:16px; line-height:26px; margin-top:2px; padding-bottom:3px;}
.recruit2-ct{clear:both;overflow:hidden; margin-top:15px; margin-left:20px; margin-right:20px;}
.recruit2-ct p{line-height:20px; font-size:12px;}

/*设计风尚*/
.fashion{width:92%; margin:4% auto 0px auto;}
.fashion ul li{width:30.66%; float:left; background:#fff; margin-right:4%; margin-bottom:4%; }
.fashion ul li img{width:92%; box-shadow:0px 0px 1px 1px #ccc; margin:0 auto; padding:4%;}


/*人物志*/
.pro-diplay{width:100%; height:100%;  overflow:hidden; position:relative;}
.pro-diplay .arrowl{position:fixed; z-index:11111;top:45%; left:0;}
.pro-diplay .arrowr{position:fixed; z-index:11111;top:45%; right:0; margin:0;}
.pro-diplay span img{width:33px;}
.pro-diplay span.pro-diplayt2 b{background:#999;display:block; position: fixed; bottom:80px; right:8%; z-index:5;border-radius:20px; height:40px; width:40px; opacity:0.2; border:1px solid #fff;}
.pro-diplay span.pro-diplayt2 h4{position: fixed; bottom:92px; right:8%; width:40px; text-align:center; margin-right:1px; z-index:5; font-weight:normal; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.pro-diplay span.pro-diplayt{position: fixed;z-index:5; bottom:76px; left:8%;}
.pro-diplay span.pro-diplayt h3{color:#fff; font-weight:normal; font-size:18px;}
.pro-diplay span.pro-diplayt p{font-size:12px; font-style:normal;font-size:10px;-webkit-transform : scale(0.75);transform : scale(0.75);margin-left:-14px; color:#ddd; font-weight:normal;}
/* main_image */
.main_image{width:100%; height:100%;overflow:hidden;}
.main_image ul{width:9999px;height:100%;overflow:hidden;}
.main_image li{float:left;width:100%; height:100%;}
.main_image li img{}
.main_image ul li{display: table; text-align: center; width: 100%; height: 100%; float:left; }
.main_image ul li i{ display: table-cell; vertical-align: middle; }

/*精选案列*/
section{width:100%; clear:both;}
.cases{width:94%; margin:0 auto;}
.cases ul li{float:left; width:48.5%; position:relative; margin-top:4%; margin-right:3%;}
.cases ul li span{display:block; width:100%; background:#fff; border:1px solid #ddd; box-shadow:0px 0px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2); -ms-box-shadow:0px 0px 3px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 3px rgba(0,0,0,0.2); padding-bottom:2%;}
.cases ul li span img{width:96%; margin-left:2%; margin-top:2%;}
.cases ul li h3{position:absolute; bottom:2%; left:2%; margin-bottom:2px; margin-left:1px; width:96%; height:48px; background:rgba(0,0,0,0.6); -webkit-background:rgba(0,0,0,0.6); -moz-background:rgba(0,0,0,0.6); -ms-background:rgba(0,0,0,0.6); -o-background:rgba(0,0,0,0.6);}
.cases ul li h3 b{font-size:14px; color:#fff; font-weight:normal; width:88%; margin:3px auto 0 auto; display:block; line-height:22px;}
.cases ul li h3 i{clear:both; font-family:Arial; font-size:12px; display:block; color:#ccc; font-style:normal; width:88%; margin:4px auto 0 auto; background:url(../images/time-pic.png) no-repeat left center; background-size:15px; text-indent:20px;}
.cases em{background:#cccccc; display:block; clear:both; float:left; width:100%; font-size:14px; height:33px; font-style:normal; text-align:center; margin-top:18px;}
.cases em img{width:15px; display:inline; margin-right:5px;}
.cases em h3{color:#333; font-size:16px; display:inline; line-height:33px; vertical-align:middle;}
.blank50{height:50px; width:100%; clear:both; float:left;}

.knowall2-t span h3.left{width:100%;}

.box_swipe h3{background:rgba(0,0,0,0.3); width:100%; height:36px; position:absolute; bottom:0; left:0; z-index:999999; color:#fff; line-height:36px; font-size:16px; padding-left:4%; padding-right:4%; overflow:hidden;}

/*pages*/
article .pages span{line-height:normal; clear:both; float:none;display:inline-block; }
.pages span{border:1px solid rgba(2,61,131,0.3); padding:0.4rem 0.5rem 0.4rem 0.5rem; float:left;color:rgba(2,61,131,0.5); margin-left:0.14rem;}
.pages .current{border:1px #e60012 solid; padding:0.4rem 0.5rem 0.4rem 0.5rem; background-color:#e60012; color:#fff;}
.pages  a{border:1px #cccccc solid;padding:0.4rem 0.5rem 0.4rem 0.5rem; color:#ccc; display:inline-block; margin-left:0.14rem;}
.pages{text-align:center; margin-top:0.1rem; margin-bottom:0.3rem; clear:both;width:100%; font-family:"宋体"; font-size:12px;display:inline-block; float:left; color:#023d83;}
.pages  a:hover{border:1px #023d83 solid;padding:0.4rem 0.5rem 0.4rem 0.5rem; background:#e60012; color:#fff;}

.Basic_dvi_red{ padding-right:17px; height:37px; border-radius:3px; border:1px solid #f6b9b9; background:#ffe4e4; font-size:14px; color:#b94a48; line-height:37px; text-align:center; position:absolute; top:20%; z-index:9999;left:40%; margin-left:-60px;}
.Basic_dvi_red strong{ display:block; display:inline-block; width:17px; height:17px; background:url(../images/shoujiok2.png) no-repeat; float:left!important; margin-top:10px; margin-left:5px; margin-right:2px;}
.Basic_dvi_red p{ float:left!important; margin:auto;  margin-left:9px;}

.Basic_dvi_green{ padding-right:17px; height:37px; border-radius:3px; border:1px solid #bfd3af; background:#def1d7; font-size:14px; color:#468847; line-height:37px; text-align:center; position:absolute; top:20%; z-index:9999; left:40%; margin-left:-60px;}
.Basic_dvi_green strong{ display:block; display:inline-block; width:17px; height:17px; background:url(../images/shoujiok.png) no-repeat; float:left; margin-top:10px; margin-left:5px; margin-right:2px;}
.Basic_dvi_green p{ float:left;margin-left:9px;}