@charset "utf-8";
html{font-family:"方正兰亭黑简体"!important;}
.w{ width:1200px; margin:0 auto;}
.top{ width:100%; height:36px; border-bottom:1px solid #efefef;}
.top-w{ font-size:12px; color:#666; line-height:36px;}
.top-w .top-right{ float:right; line-height:36px;}
.top-w .top-right span{ vertical-align:middle; padding:0 16px;}
.top-w .top-right span a{ color:#666;}
.top-w .top-right span i{ margin-left:6px;}
.top-w .top-right em{ color:#e1e1e1;}
.icon{ background:url(../images/icon2.png) no-repeat;display:inline-block; vertical-align:middle; *display:inline;*zoom:1;}
.icon-file{ width:20px; height:20px; background-position:0 0; margin-right:6px; }

.logo-w{ height:92px; text-align:center; position:relative; padding-top:27px;}
.logo-w .logo{ display:block; margin:0px auto}
.logo-w .logo img{ width:310px; height:38px;}
.logo-w .file-add{ width:150px; height:40px; display:block; border:1px dashed #ddd; line-height:38px; text-align:center; font-size:16px; color:#696969; position:absolute; right:0; top:26px;}

.nav-w ul{ float:left;}
.nav-w ul li{ float:left; position:relative; padding:0 16px; line-height:32px; margin:0 10px; z-index:666666;}
.nav-w ul li:first-child{ margin-left:0; padding:0;}
.nav-w ul li a.nav1-a{ display:block; font-size:15px; color:#777; padding:0 20px; font-family:'方正兰亭黑简体'}
.nav-w ul li:hover a.nav1-a{ font-weight:800; color:#000; background-color:#f5f5f5;} 
.nav-w ul li.on a.nav1-a{font-weight:800; color:#000;}
.nav-w ul li:hover .nav-son{ display:block;}
.nav-son{ position:absolute; width:934px; background-color:#f5f5f5; padding:30px 20px 20px; display:none; left:16px; top:32px;}
.nav-son dl{ width:18%; margin-right:2%; float:left;}
.nav-son dl a{ display:block;}
.nav-son dl a:hover{ color:#fab000;}
.nav-son dl dt a{ line-height:26px; font-size:14px; color:#333;}
.nav-son dl dd a{ line-height:20px; font-size:12px; color:#777;}
.nav-son dl dt span{ line-height:26px; font-size:14px; color:#333;}

.bar-search{ width:440px; float:right; position:relative;}
.bar-search .search-input{ width:332px; height:32px; border:0; background-color:#ececec; line-height:32px; text-indent:10px;}
.bar-search .search-sub{ width:102px; display:block; text-align:center; line-height:32px; height:32px; background-color:#323232; color:#fff; position:absolute; right:0; top:0;}
.bar-search .search-sub .fa{ font-size:14px; margin-right:4px;}

.banner{ width:1200px; height:500px;  position:relative; margin:16px auto 0;}
.banner .hd{ position:absolute; bottom:20px; z-index:333; right:20px;}
.banner .hd .pageState{ font-size:16px; color:#fff;}
.banner .hd ul{ display:none;}
.banner .hd ul li{ width:10px; height:10px; float:left; margin:0 5px; border-radius:50%; cursor:pointer; background-color:#fff}
.banner .hd ul li.on{ background-color:#fab000;}
.banner .bd ul li{ position:relative; width:1200px; font-size:0; text-align:center;}
.banner .bd ul li img.banner-img{ height:500px;}
.banner .prev,.banner .next{ width:30px; height:100px; display:block; background:url(../images/banner-arrow.png) no-repeat; position:absolute; top:200px;}
.banner .prev{ left:0px; }
.banner .prev:hover{ background-position:-60px 0;}
.banner .next{ right:0px; background-position:-30px 0;}
.banner .next:hover{ background-position:-90px 0;}

.point-marks{ position:absolute;width:25px; height:25px; background:url(../images/marker.png) no-repeat center center; display:block;  cursor:pointer; z-index:441; }
.point-marks:hover .marks-show{ display:block;}
.point-marks .marks-show{ width:158px; height:180px; border-radius:16px; -webkit-border-radius:16px; text-align:center; background: #fff; position:absolute; left:-2px; bottom:-6px; display:none;}
.point-marks .marks-show em{position:absolute;width:25px; height:25px; background:url(../images/marker.png) no-repeat center center; display:block; position:absolute; left:2px; bottom:6px;}
.point-marks .marks-show .mark-img{ width:140px; height:140px; margin:9px 9px 0;}
.point-marks .marks-show span{ font-size:14px; color:#333; line-height:26px; }

.index-til{ width:1200px; margin:30px auto;}
.index-til h3{ font-size:18px; color:#232323; font-weight:600; line-height:35px; position:relative;}
.index-til h3:after{ content:''; width:1100px; height:2px; display:block; background-color:#f3f3f3; position:absolute; right:0; top:18px; z-index:-1}
.index-til h3 .lookMoreBtn{ display:inline-block; color:#fff; font-size:14px; color:#fff; background-color:#787878; float:right; font-weight:400; line-height:27px; padding:0 10px; margin-top:4px;}
.planPIc ul{ margin-left:-10px;}
.planPIc ul li{ width:393px; height:262px; float:left; margin-left:10px;}
.planPIc ul li img{ width:393px; height:262px;}


.materialScroll{ position:relative; width:1230px; margin:10px auto;}
.materialScroll .hd .next,.materialScroll .hd .prev{ width:40px; height:40px; display:block; background:url(../images/scroll-arrow.png) no-repeat; position:absolute; top:50%; z-index:444; cursor:pointer; margin-top:-20px;}
.materialScroll .hd .prev{ left:0; background-position:0 0;}
.materialScroll .hd .next{ right:0; background-position:-40px 0;}
.materialScroll .hd .prev:hover{ background-position:0 -40px;}
.materialScroll .hd .next:hover{ background-position:-40px -40px;}
.materialScroll .bd{ margin-left:15px;}
.materialScroll .bd ul li{ width:393px; height:262px; float:left; margin-right:10px; position:relative;}
.materialScroll .bd ul li .materialImg{width:393px; height:262px; overflow:hidden;}
.materialScroll .bd ul li img{width:393px; height:262px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.materialScroll .bd ul li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.materialScroll .bd ul li .materialTxt{ width:100%; height:60px; background:url(../images/materialBg.png) repeat center center; position:absolute; left:0; bottom:0; padding:6px 10px;}
.materialScroll .bd ul li .materialTxt h3{ font-size:16px; color:#232323; font-weight:400; line-height:26px;}
.materialScroll .bd ul li .materialTxt p{ font-size:13px; color:#232323; line-height:22px;}
.navTwo ul{ margin-left:-10px;}
.navTwo ul li{ width:595px; height:387px; float:left; margin-left:10px; position:relative;}
.navTwo ul li .navImg{ width:595px; height:387px; overflow:hidden}
.navTwo ul li .navImg img{width:595px; height:387px;transition:all 0.8s; -webkit-transition:all 0.8s;}
.navTwo ul li:hover .navImg img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.navTwo ul li .navTxt{ width:394px; height:76px; background:url(../images/textMark.png) no-repeat left top; position:absolute; left:0; top:0; padding:10px;}
.navTwo ul li .navTxt h3{ font-size:16px; font-weight:400; color:#232323; line-height:26px;}
.navTwo ul li .navTxt p{ font-size:14px; color:#232323; line-height:22px; height:22px; overflow:hidden;}

.navFour ul{ margin-left:-10px; margin-top:10px;}
.navFour ul li{ width:292px; float:left; margin-left:10px;}
.navImg2{ width:292px; height:272px; overflow:hidden;}
.navImg2 img{ width:292px; height:272px;transition:all 0.8s; -webkit-transition:all 0.8s;}
.navFour ul li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.navFour ul li h3{ font-size:14px; color:#232323; font-weight:400; line-height:40px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.navFour ul li h3 i{  margin:0 10px; font-size:16px; vertical-align:middle;}
.navFour ul li:hover h3{ padding-left:10px; color:#fab000;}

.bottom{ width:100%; background-color:#f5f5f5; padding:40px 0 0; border-top:1px solid #efefef; margin-top:40px; position:relative;}
.bottom-w{ padding-bottom:30px;}
.bottom-ewm{ width:120px; float:left; margin-left:60px; position:relative;bottom:0px;}
.bottom-ewm img{ width:120px; height:120px; margin-right:20px;}
.bottom-ewm p{ font-size:14px; text-align:center;}
.bottom-ewm i{ width:32px; height:32px; vertical-align:middlel; display:inline-block; *display:inline; *zoom:1; border:1px solid #b4b4b4; background-color:#fff; text-align:center; color:#b4b4b4; line-height:30px; font-size:18px; margin:0 4px; border-radius:50%; -webkit-border-radius:50%;}
.bottom-ewm i:hover{ color:#FFF; background-color:#fab000; border:1px solid #fab000;}

.bottom-nav{ width:233px; float:left; margin-left:240px;position:relative;bottom:0px;margin-top:22px;}
/*.bottom-nav dl{ width:23%; float:left;}*/
.bottom-nav dl.dl-contact{ }
.bottom-nav dl dt,.bottom-nav dl dt a{ font-size:14px; color:#353535; line-height:28px; margin-bottom:4px;}
.bottom-nav dl dd,.bottom-nav dl dd a{ font-size:12px; color:#353535; line-height:22px;}
.bottom-nav dl dd i{ vertical-align:middle; margin-right:4px;}
.bottom-nav dl dt a:hover,.bottom-nav dl dd a:hover{ color:#fab000}
.bottom-serve { float:right; margin-right:140px;position:relative;bottom:0px; margin-top:32px;}
.bottom-serve p{ font-size:14px; color:#353535; line-height:28px;}
.bottom-serve p a img{ }

.bottom-copyright p{ text-align:center; font-size:12px; color:#696969; line-height:60px;}
.bottom-copyright p a{ color:#999; margin-left:16px;}



.navThree ul{ margin-left:-10px; margin-top:10px;}
.navThree ul li{ width:393px; float:left; margin-left:10px; position:relative;}
.navThree ul li .navImg{ width:393px; height:262px;  overflow:hidden}
.navThree ul li .navImg img{width:393px; height:262px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.navThree ul li:hover .navImg img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.navThree ul li .navTxt{ width:190px; height:42px; background:url(../images/textMark2.png) no-repeat left top; position:absolute; left:0; top:0; padding:4px 10px 0;}
.navThree ul li .navTxt h3{ font-size:16px; font-weight:400; color:#232323; line-height:26px;}

.productThree ul{ margin-left:-10px; margin-top:10px;}
.productThree ul li{width:393px; height:540px; float:left; margin-left:10px; position:relative;}
.productThree ul li .navImg{ width:393px; height:540px;  overflow:hidden}
.productThree ul li .navImg img{width:393px; height:540px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.productThree ul li:hover .navImg img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.productThree ul li .pnTxt{ width:100%; height:36px; line-height:36px; background:url(../images/materialBg.png) repeat center center; position:absolute; left:0; bottom:0;}
.productThree ul li .pnTxt h3{ font-size:16px; color:#000; line-height:36px; font-weight:400; padding:0 10px;}
.design ul li.designBg1{ background-color:#323232}
.design ul li.designBg2{ background-color:#39250e}
.design ul li.designBg3{ background-color:#110f16}
.design ul li{ margin-top:15px;}
.design ul li .designimg{ width:435px; height:458px;}
.designIntro{ width:765px; padding:40px 20px 40px 40px;}
.designIntro h3{ line-height:34px; font-size:20px; color:#fff; font-weight:400; margin-bottom:10px;}
.designIntro h3 font{ font-size:16px; margin-left:6px;}
.designIntro p{ font-size:14px; color:#fff; line-height:24px;}
.designIntro .design-tags{ line-height:30px; margin-top:16px; color:#fff;}
.designIntro .design-tags a{ font-size:14px; color:#fab000;transition:all 0.5s; -webkit-transition:all 0.5s;}
.designIntro .design-tags a:hover{ padding-left:10px;}
.designIntro .design-tags em{ margin:0 8px; color:#fff; font-size:14px; cursor:pointer;}
.designIntro .design-tags em i{ margin-right:4px;}

.design-detail{ width:1200px; height:458px; margin:20px auto; border:1px solid #efefef; background-color:#fff;}
.design-detail .designimg{ width:434px; height:458px;}
.design-detail .design-cont{width:763px; padding:40px 20px 40px 40px; float:right;}
.design-detail .design-cont h2{ font-size:18px; padding-left:6px; border-left:3px solid #000; font-weight:400; color:#000; line-height:18px;}
.design-detail .design-cont h3{ font-size:20px; color:#000; line-height:30px; margin:20px 0;}
.design-detail .design-cont h3 span{ float:right; width:84px; height:32px; text-align:center; display:block; border:1px solid #efefef; font-size:14px; font-weight:400; text-align:center; color:#323232; cursor:pointer;}
.design-detail .design-cont h3 span i{ margin:0 6px; vertical-align:middle}
.design-detail .design-cont p{ font-size:14px; color:#323232; line-height:24px;}

.wrap-color{ width:100%; padding:10px 0 20px; background-color:#ececec; border-top:1px solid #ddd; margin-top:20px; margin-bottom:-40px;}
.breadcrumb2{ background-color:#f3f3f3; line-height:50px !important; margin:20px auto; width:1200px; padding-left:24px;}
.breadcrumb3{ background-color:#f3f3f3; line-height:50px !important; margin:0 auto; width:100%; padding-left:24px;}
.breadSearch{ width:240px; float:right; margin-right:30px; position:relative}
.breadSearch .work-input{ width:240px; height:34px; border:1px solid #ddd; background-color:#fff; border-radius:17px; text-indent:15px; line-height:32px;}
.breadSearch .fa-search{ width:50px; height:34px; background:none; text-align:center; line-height:34px; display:block; position:absolute; right:0; top:8px; color:#69686c; font-size:16px; cursor:pointer}


.breadcrumb{ line-height:38px;}
.breadcrumb a{ font-size:13px; color:#696969;}
.breadcrumb a.on{ color:#999;}
.breadcrumb .fa-map-marker{ margin-right:6px;}
.breadcrumb .fa-angle-right{ color:#999; margin:0 6px;}

.plan-form{ width:906px; float:left; background-color:#fff; padding:20px 30px;}
.plan-form h3{ font-size:16px; color:#000; line-height:36px; border-bottom:1px solid #efefef;}
.plan-form ul li{ width:48%; float:left; margin-top:16px;}
.plan-form ul li.odd-li{ margin-right:4%;}
.plan-form ul li p{ font-size:14px; color:#323232; line-height:28px;}
.plan-form ul li input.textInput{ width:100%; height:36px; line-height:34px; border:1px solid #e1e1e1; background-color:#f4f4f4; text-indent:6px;}
.plan-form ul li textarea{ width:100%; height:98px; border:1px solid #e1e1e1; background-color:#f4f4f4; padding:6px;}
.plan-form ul li select{ width:100%; height:36px; border:1px solid #e1e1e1; line-height:34px;appearance:none; -moz-appearance:none;-webkit-appearance:none; background:url(../images/select-ico.png) no-repeat scroll 384px center #f4f4f4; padding-right:20px; outline:none;}
.plan-form ul li select::-ms-expand { display: none; }
.fileBox img{ width:98px; height:98px; }
.fileBox em{ width:98px; height:98px; display:inline-block; margin-left:10px; *display:inline; *zoom:1; position:relative; background:url(../images/file-ico.jpg) no-repeat center center; cursor:pointer;vertical-align:middle; }
.fileBox em input.file-input{ width:98px; height:98px; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); cursor:pointer}
.plan-form ul li .input-sub{ width:180px; height:40px; background-color:#323232; border-radius:4px; text-align:center; line-height:40px; border:none; text-align:center; font-size:16px; margin-bottom:30px; color:#fff; margin-top:10px;}
.server-fr{ width:280px; float:right; padding:20px 15px; background-color:#fff; height:635px;}
.server-fr h2{ font-size:16px; color:#232323; line-height:35px; font-weight:400; position:relative; margin-bottom:10px;}
.server-fr h2:after{ content:''; width:136px; height:2px; display:block; background:#323232; position:absolute; right:0; top:17px;
}
.server-fr img{ width:250px; height:158px; margin-bottom:16px; }
.server-fr p{ font-size:14px; color:#696969; line-height:24px; margin-bottom:20px;}


.direction .direction-fl{width:906px; float:left; background-color:#fff; padding:20px 30px;}
.direction .direction-fl p{ font-size:14px; color:#777; line-height:24px; margin-bottom:16px;}
.direction .direction-fl p.first-p{ position:relative; padding:0 0 0 82px; }
.direction .direction-fl p.first-p font{ display:block; width:66px; height:66px; background-color:#323232; color:#fff; line-height:66px; text-align:center; position:absolute; left:0; top:0; font-size:16px;}
.direction .direction-fl img{ width:100%; height:auto; margin-bottom:16px;}
.direction .direction-fr{ width:280px; float:right;}
.direction .direction-fr .direction-user{ width:280px; height:340px; position:relative;}
.direction .direction-fr .direction-user h3{ width:100%; height:66px; background:url(../images/alpha75.png) repeat center center; position:absolute; left:0; top:50%; margin-top:-33px; text-align:center; font-size:16px; font-weight:400; color:#fff; line-height:36px; padding:15px 0;}
.direction .direction-fr .direction-user h3:before,.direction .direction-fr .direction-user h3:after{ content:''; width:70px; height:1px; display:block; background-color:#fff; margin:0 auto;}
.direction .direction-fr .direction-re{ background-color:#fff; margin-top:10px; padding:16px;}
.direction-re h3{ font-size:16px; line-height:37px; position:relative; color:232323; font-weight:400;}
.direction-re h3:after{ content:''; width:160px; height:2px; display:block; background-color:#f3f3f3; position:absolute; right:0; top:16px;}
.direction-re ul li{ margin-bottom:6px;}
.direction-re ul li:hover p{ color:#fab000}
.direction-re ul li img{ width:250px; height:166px;}
.direction-re ul li p{ font-size:14px; color:#323232; line-height:28px;}


.storeMap{ width:1200px; border:1px solid #efefef; margin:20px auto; }
.storeTab{ border-right:1px solid #efefef; padding:16px; float:left; width:880px;}
.storeTab .map{ width:534px; height:300px; float:left;}
.AddressFr{ width:290px; float:right; height:300px; position:relative}
.storeAddress h3{ background-color:#f5f5f5; font-size:14px; color:#000; line-height:36px; padding:0 16px; font-weight:400; margin-bottom:6px; cursor:pointer;}
.storeAddress h3 .fa{ color:#68696c; float:right; font-size:18px; line-height:36px;}
.storeAddress h3.on .fa{ transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.storeAddress ul li{ font-size:12px; color:#777; line-height:22px; position: relative; padding-left:46px; margin-bottom:6px;}
.storeAddress ul li span{ display:block; width:38px; position: absolute; left:8px; top:0;}

.page-small{ position:absolute; left:0; bottom:0px;}
.page-small a{ width:22px; height:22px; border:1px solid #ececee; background-color:#fff; text-align:center; line-height:20px; font-size:14px; color:#777; display:inline-block; *display:inline; *zoom:1; margin-right:6px;}
.page-small a .fa{ color:#777; font-size:16px;}
.page-small a.disabled{ cursor:default; background-color:#fff !important}
.page-small a.on{ background-color:#323232 !important; border:1px solid #323232 !important; color:#fff !important;}
.page-small a:hover{ background-color:#f5f5f5;}
.citystore-a{ font-size:14px; color:#000; position:absolute; right:0; bottom:0; line-height:22px;}
.storeIntro{ width:310px; float:right; padding:16px;}
.storeIntro h3{ font-size:18px; color:#000; font-family:Arial; line-height:26px; font-weight:400; margin-bottom:10px; text-transform:uppercase;}
.storeIntro p{ font-size:14px; color:#777; line-height:24px;}

.selectStore{ width:1200px; margin:20px auto;}
.selectStoreBar{ border:1px solid #efefef; height:50px; border:1px solid #efefef; padding:0 16px; }
.selectStoreBar span{line-height:48px; font-size:18px; color:#000; font-family:Arial;}
.selectStoreBar .select-city{ float:right; margin-top:7px;} 
.selectStoreBar .select-city select{ width:134px; height:36px; border:1px solid #ddd; line-height:34px;appearance:none; -moz-appearance:none;-webkit-appearance:none; background:url(../images/select-ico.png) no-repeat scroll 112px center #f4f4f4; padding-right:20px; outline:none; margin-right:10px; cursor:pointer;}
.selectStoreBar .select-city select::-ms-expand{display: none;}
.selectStoreBar .select-city .searchBtn{ width:90px; height:36px; color:#fff; background-color:#323232; line-height:36px; text-align:center; border-radius:4px; -webkit-border-radius:4px; font-size:14px;}
.selectStore ul{ margin-left:-10px;}
.selectStore ul li{ width:393px; float:left; margin-left:10px; margin-top:10px;}
.selectStore ul li .storePic{ width:393px; height:275px; overflow:hidden;}
.selectStore ul li .storePic img{ width:393px; height:275px; }
.selectStore ul li .stor-contact{ position:relative; background-color:#f5f5f5; padding:10px 100px 10px 10px;}
.selectStore ul li .stor-contact p{ font-size:14px; color:#333; line-height:24px;}
.selectStore ul li .stor-contact span{ width:80px; display:block; font-size:16px; color:#333; position:absolute; right:10px; top:22px;}

.pageAll{ text-align:center; width:100%; border:1px solid #efefef;line-height:38px; font-size:16px; color:#323232; margin-top:30px; overflow:hidden;}
.pageAll .curPage{ width:62px; float:left; text-align:center; border-right:1px solid #efefef; display:block;}
.pageAll font{ display:block; float:left; width:62px; border-left:1px solid #efefef;}
.pageAll font:hover a .fa{ background-color:#fab000; color:#fff;}
.pageAll font a .fa{ display:block; font-size:16px; line-height:38px;}

.user-tree .navLeft{ width:220px; float:left}
.user-tree .navLeft h3{ background-color:#323232; line-height:36px; margin-bottom:1px; font-size:14px; color:#fff; font-weight:400; cursor:pointer; padding:0 10px 0 20px;}
.user-tree .navLeft h3 .fa{ color:#fff; line-height:36px; font-size:16px; margin-right:8px;}
.user-tree .navLeft h3 .fa-angle-right{ font-size:18px; float:right;}
.user-tree .navLeft h3.on{background-color:#fab000;}
.user-tree .navLeft h3.on .fa-angle-right{transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.user-tree .navLeft ul{ background-color:#f3f3f3; padding:8px 16px;}
.user-tree .navLeft ul li{ line-height:26px; font-size:14px;}
.user-tree .navLeft ul li.on a,.user-tree .navLeft ul li:hover a{ color:#fab000;}
.user-tree .navLeft ul li a{ font-size:14px; color:#565656; display:block;}

.contentFr{ width:940px; float:right;}

.contentFr .frTil{ line-height:38px; border-bottom:1px solid #000; position:relative; height:38px;}
.contentFr .frTil font{ display:block; position:absolute; border:1px solid #000; border-bottom:1px solid #fff; text-align:center; font-size:16px; font-weight:400; color:#fff; height:38px; left:0; bottom:-1; padding:0 20px; color:#000; background-color:#fff}
.release-case{ float:right; display:block; width:100px; height:32px; background-color:#fab000; color:#fff; text-align:center; font-size:14px; margin-top:2px; font-weight:400; line-height:32px;}
.contentFr .caselist{ margin-left:-14px;}
.contentFr .caselist li{ width:303px; float: left; margin-left:14px; margin-top:14px;}
.contentFr .caselist li .casePic{ width:303px; height:202px; overflow: hidden;}
.contentFr .caselist li .casePic img{width:303px; height:202px;transition:all 0.8s; -webkit-transition:all 0.8s;}
.contentFr .caselist li:hover .casePic img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.contentFr .caselist li h3{ font-size:14px; color:#323232; line-height:30px; font-weight:400;}
.case-release ul{ margin-top:40px;}
.case-release ul li{ position:relative; padding-left:130px; margin-bottom:20px;}
.case-release ul li span{ width:100px; text-align:right; position:absolute; left:16px; top:0; line-height:36px; font-size:14px; color:#444}
.case-release ul li .case-input{ width:304px; line-height:34px; border:1px solid #efefef; text-indent:6px; background-color:#fff}
.case-release ul li textarea{ width:394px; height:100px; border:1px solid #efefef; background-color:#fff; padding:6px; line-height:22px;}
.case-release ul li .case-sub{ width:132px; height:32px; background-color:#fab000; text-align:center; line-height:32px; color:#fff; font-size:16px;}

.case-detail{ width:100%; background-color:#fff;}
.detail-til{ padding:20px;}
.detail-til h3{ font-size:24px; color:#323232; line-height:26px; font-weight:400; margin-bottom:10px;}
.detail-til span{ line-height:28px; color:#666; font-size:14px;}
.detail-til span img{ width:28px; height:28px; border-radius:50%; overflow:hidden; margin-right:6px;}
.colect-operate{ float:right; margin-top:-24px;}
.colect-operate span{ width:188px; height:48px; border:1px solid #efefef; text-align:center; font-size:14px; color:#323232; line-height:46px; display:block; float:left; margin-left:-1px; cursor:pointer;}
.colect-operate span .fa{ font-size:16px; color:#68696c; vertical-align:middle; margin-right:4px;}
.promotionPic .share .share_icon a{ display:inline-block; width:23px; height:23px; vertical-align:-4px; margin-right:5px;}



.promotionPic .share .share_icon a.sina{ background-position:-408px -43px;}
.promotionPic .share .icon{ background:url(../images/icon.png) no-repeat;}



.promotionPic .share .share_icon a.qq{ background-position:-435px -43px;}



.promotionPic .share .share_icon a.weixin{ background-position:-463px -43px;}


.case-tabBox{ background-color:#fff; width:1200px; margin-top:10px;}
.tab_fixed{ position:fixed; top:0; left:50%; margin-left:-600px; z-index:444444; background-color:#fff; width:1200px !important; margin-top:0; box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc;}
.tab-head{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #efefef;}
.tab-head li{ float:left; padding:0 44px; cursor:pointer; font-size:16px; color:#333}
.tab-head li.on{ background-color:#323232; color:#fff;}
.tab-container{ padding:20px 30px; min-height:400px; display:none;}
.object-intro p{ font-size:14px; color:#696969; line-height:24px; margin-bottom:16px;}

.contentFr table{ border:1px solid #efefef; margin-top:20px;}
.contentFr table tr th{ text-align:center; font-size:14px; line-height:40px; background-color:#f5f5f5; color:#666; font-weight:400;}
.contentFr table tr td{ line-height:44px; text-align:center; font-size:14px; color:#323232; border-bottom:1px dashed #efefef;}
.contentFr table tr td a{ color:#666; margin:0 6px;}
.contentFr table tr td a:hover{ color:#fab000}

.contentFr .sample-table2 tr{ border:1px solid #e5dfc1;}
.contentFr .sample-table2 tr th{ background-color:#fef7e5; line-height:60px; color:#333;}

.sample-detail h4{ font-size:16px; color:#333; font-weight:400; line-height:50px; font-weight:400; margin-top:10px;}
.sample-detail h4 font{ margin-left:6px;}
.sample-detail ul{ margin-left:-10px;}
.sample-detail ul li{ width:146px; float:left; margin-left:10px; margin-top:10px;}
.sample-detail ul li img{ width:146px; height:146px;}
.sample-detail ul li p{ text-align:center; line-height:28px; font-size:14px; color:#333;}

.softBox{ margin:20px auto; width:1220px; overflow:hidden;}
.softBox ul{ margin-left:10px;}
.softBox ul li{ width:393px;-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;float:left; margin-left:10px; margin-bottom:10px;}
.softBox ul li img{ width:393px; height:auto;}
.softBox ul li h3{ padding:0 10px; line-height:32px; font-size:14px; font-weight:400; color:#323232;}
.softBox ul li h3 .detail-design img{width: 28px;height: 28px;border-radius: 50%;overflow: hidden;
margin-right: 6px;}
.softBox ul li .po-Btn{ width:146px; height:48px; position:absolute; right:16px; top:16px; display:none;}
.softBox ul li:hover .po-Btn{ display:block;}
.softBox ul li .po-Btn span{ display:block; width:48px; height:48px; float:left; border:1px solid #efefef; text-align:center; line-height:46px; background-color:#fff; cursor:pointer;}
.softBox ul li .po-Btn span .fa{ font-size:20px; color:#7c7c7f; line-height:46px;}


.plan-Content{ background-color:#fff; padding:20px;}
.plan-Content .plan-Img{ width:757px; height:513px; float:left}
.plan-Content .plan-Img img{ width:757px; height:513px;}
.plan-Txt{ width:358px; float:right; padding-top:20px;}
.plan-Txt .planTil{}
.plan-Txt .planTil h3{font-size: 24px;
color: #323232;
line-height: 26px;
font-weight: 400;
margin-bottom: 10px;}
.plan-Txt .planTil span{ font-size:14px;}
.plan-Txt .planTil span .fa{ color:#696969; line-height:24px;}
.plan-Txt .planTil span font{ color:#333; margin-right:10px;}
.plan-Operation{ margin-top:30px; margin-bottom:20px;}
.plan-Operation .detail-design{ line-height:28px; color:#666; font-size:14px;}
.plan-Operation .detail-design img{ width:28px; height:28px; border-radius:50%; overflow:hidden; margin-right:6px;}
.plan-Operation .colect-operate{ float:none; margin-top:16px;}
.plan-Operation .colect-operate span{ width:112px;}
.plan-Txt h4{ font-size:16px; color:#333; line-height:40px; border-bottom:1px solid #efefef; font-weight:400; position:relative}
.plan-Txt h4:before{ content:''; width:60px; height:1px; display:block; background-color:#333; position:absolute; left:0; bottom:0;}
.plan-Txt p{ font-size:14px; color:#696969; line-height:22px; margin-top:16px; text-indent:2em;}

.single-show{ width:100%; background-color:#fff; padding:20px; margin-top:10px;}
.single-show h3{ font-weight:400; font-size:14px; position:relative; line-height:37px;}
.single-show h3:after{ content:''; width: 1080px;
height: 2px;
display: block;
background-color: #f3f3f3;
position: absolute;
right: 0;
top: 18px;}
.single-show ul{ margin-left:-12px; margin-top:10px;}
.single-show ul li{ width:176px; float:left; margin-left:18px;}
.single-show ul li img{ width:176px; height:176px;}
.single-show ul li p{ font-size:14px; color:#232323; line-height:28px; text-align:center;}
.single-show ul li:hover p{ color:#fab000}


.design-work{ width:1200px; margin:20px auto;}
.design-work .work-fl{ width:245px; float:left;}
.tabNav{ background-color:#f3f3f3; padding:20px;}
.tabNav ul li{ line-height:40px;}
.tabNav ul li.on i{ color:#fff; border:1px solid #fab000; background-color:#fab000;}
.tabNav ul li i{ width:22px; height:22px; display:inline-block; *display:inline; *zoom:1; border-radius:50%; background-color:#f3f3f3; border:1px solid #69686c; text-align:center; line-height:20px; color:#f3f3f3; font-size:16px; vertical-align:middle; margin-right:8px;}
.tabNav ul li font{ font-size:14px; color:#232323;}

.case-re{ margin-top:10px;}
.case-re h3{font-size: 16px;line-height: 37px;position: relative;color: 232323;font-weight: 400;}
.case-re h3:after{content: '';width: 160px;height: 2px;display: block;background-color: #f3f3f3;position: absolute;right: 0;top: 16px;}

.case-re ul li{ margin-bottom:6px;}
.case-re ul li img{ width:245px; height:245px;} 
.case-re ul li h4{ font-size:15px; color:#323232; text-align:center; line-height:22px; margin-top:2px;}
.case-re ul li:hover h4{ color:#fab000;}
.case-re ul li p{ font-size:14px; color:#999; text-align:center;}

.design-work .work-fr{ width:940px; float:right;}
.workList{ margin-left:-12px;}
.workList li{ width:305px; float:left; margin-left:12px; position:relative; margin-top:15px;}
.workList li a{ display:block;}
.workList li .workImg{ width:305px; height:305px; overflow:hidden;}
.workList li .workImg img{ width:305px; height:305px;}
.workList li p{ font-size:15px; color:#323232;line-height:22px; margin-top:2px; padding-left:10px;}
.workList li span{ font-size:14px; color:#999; padding-left:10px;}
.workList li:hover .colectBlum,.workList2 li:hover .colectBlum{ display:block;} 
.workList li:hover p{color:#fab000;}
.workList li .colectBlum,.workList2 li .colectBlum{ width:90px; height:22px; background-color:#232323; text-align:center; line-height:22px; font-size:14px; color:#fff; position:absolute; right:10px; top:10px; cursor:pointer; display:none;}
.workList li .colectBlum i,.workList2 li .colectBlum i{ font-size:16px; color:#fff; margin-right:4px; vertical-align:middle;}

.workList2{ width:948px; float:left;margin-top:15px; overflow:hidden; margin-left:-10px;}
.workList2 li{ width:306px; float:left; margin-bottom:10px; margin-left:10px;}
.workList2 li img{ width:306px; height:auto;}
.workList2 li p{ font-size:15px; color:#323232;line-height:22px; margin-top:2px; padding-left:10px;}
.workList2 li:hover p{ color:#fab000;} 

.material-list{ margin-left:-28px;}
.material-list li{ width:214px; float:left; margin-left:28px; margin-top:18px;}
.material-list li .materialImg{ width:214px; height:214px; overflow:hidden;}
.material-list li .materialImg img{ width:214px; height:214px;}
.material-list li p{ font-size:15px; color:#323232;line-height:22px; margin-top:2px; padding-left:10px;}
.material-list li span{ font-size:14px; color:#999; padding-left:10px;}
.material-list li:hover p{color:#fab000;}

.comment-list{ margin-top:-10px;}
.comment-list li{ border-bottom:1px solid #efefef; padding:16px 0;}
.comment-list li span{ font-size:13px; color:#b7b8b6;}
.comment-list li span font{ margin:0 6px 0 46px;}
.comment-list li span em{ color:#696969}
.comment-list li p{ font-size:13px; color:#323232; margin-top:10px; line-height:22px;}

.comment-form{ width:490px; margin:20px 0 0 20px;}
.comment-form li{ padding-left:120px; position:relative; margin-bottom:20px;}
.comment-form li span{ width:90px; display:block; text-align:right; font-size:14px; color:#b7b8b6; text-align:center; line-height:36px; position:absolute; left:16px; top:0;}
.comment-form li textarea{ width:100%; height:160px; background-color:#f4f4f4; border:1px solid #e1e1e1; padding:6px;}
.comment-form li input.name-input{ width:100%; height:36px; border:1px solid #e1e1e1; background-color:#f4f4f4; text-indent:6px; line-height:34px;}
.comment-form li input.commentSub{ width:100%; height:38px; line-height:36px; text-align:center; font-size:16px; border:#efefef 1px solid; background-color:#fff;}
.comment-form li input.commentSub:hover{ background-color:#323232; border:1px solid #323232; color:#fff}


.searchBox6{ width:225px; border:1px solid #efefef; position:relative; padding:10px;}
.searchBox6 .key-input{ width:100%; height:36px; line-height:34px; background-color:#f4f4f4; border:1px solid #e1e1e1; text-indent:6px;}
.searchBox6 .btn-input{ width:42px; height:38px; line-height:36px; text-align:center; border:none; background-color:#323232; color:#fff; font-size:15px; position:absolute; right:9px; top:10px; border-radius:2px; -webkit-border-radius:2px;}
.navScroll{ width:225px; height:238px; border:1px solid #efefef; margin-top:-1px; padding:20px 0 20px 20px; overflow-Y:auto;}

 
.navScroll ul li{ line-height:40px;}
.navScroll ul li.on i{ color:#fff; border:1px solid #fab000; background-color:#fab000;}
.navScroll ul li i{ width:20px; height:20px; display:inline-block; *display:inline; *zoom:1; background-color:#fff; border:1px solid #ddd; text-align:center; line-height:18px; color:#fff; font-size:16px; vertical-align:middle; margin-right:10px;}
.navScroll ul li font{ font-size:14px; color:#232323;}
.design-mind{ margin-top:16px;}
.design-mind h3{ border:1px solid #efefef; font-size:16px; font-weight:400; color:#232323; padding:12px 16px;}
.design-mind textarea{ width:231px; height:222px; border:1px solid #efefef; margin-top:-1px; background-color:#f5f5f5; padding:10px 6px;}

.DIYlable{ width:898px !important; height:52px; background-color:#f5f5f5; border:1px solid #eaebeb; padding:0 20px; position:relative; line-height:50px;}
.DIYlable .fa-tag{ font-size:14px; color:#666; line-height:50px; margin-right:6px;}
.DIYlable span{ color:#323232; font-size:14px; line-height:50px;}
.DIYlable .breadSearch .fa-search{ top:10px;}
.add-file{ width:98px; height:32px; border:1px solid #eaebeb; background-color:#fff; text-align:center; position:relative; font-size:14px; color:#666; float:right;  line-height:30px; margin-top:10px;}
.add-file input{ width:98px; height:32px; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); cursor:pointer;}

.DIYpiclist{ width:100%; }


.animation-slide-top {
    -webkit-animation-name: slide-top;
    -o-animation-name: slide-top;
    animation-name: slide-top;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-fill-mode: both;}
@-webkit-keyframes slide-top {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20% , 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes slide-top {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20% , 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slide-top {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20% , 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}	
/* CSS Document