@charset "utf-8";
/* 轮播 */
.slidebox{width:100%;  height:580px; margin:0 auto; position: relative;overflow: hidden;}
#viewport {width: 100%; }
.view-content,.view-img{margin:0px;padding:0px; height:580px;width: 100%;}
#viewport .slide {width:100%;left:0;background-repeat:no-repeat;background-position:center center;height:580px;}
.slide img{ width:100%; height:580px; }
#viewport .slide a {display:block;width:100%;height:100%;top:0;left:50%;}
.view-content {overflow: hidden;text-align:center;height:580px; }
#controls {overflow: hidden;*zoom:1;}
#controls li {display: inline; float:left;width:33%;text-align:center;}
#next, #prev { position: absolute;top: 50%;margin-top:-50px;width: 80px;height: 100px; overflow:hidden;background: url(../img/viewport-button.png) 0 0 no-repeat;display: block;z-index:10;}
#next {right:0;background-position:-80px 0;}
#prev {left:0;background-position:0 0;}
#next:hover {background-position:-80px -100px;}
#prev:hover {background-position:0 -100px;}
.view-controls {position:absolute;bottom:10px;width:970px; left:0px; right:0px; margin:0 auto}
.view-controls a {display:inline-block;width:40px;height:2px; background-color:#a19d9d;overflow:hidden;margin:0 0 0 7px;-webkit-transition: border-color 350ms ease;-moz-transition: border-color 350ms ease;-o-transition: border-color 350ms ease;-ms-transition: border-color 350ms ease;transition: border-color 350ms ease;transition: border-color 350ms ease;  border-radius:10px;}
.view-controls a:hover,.view-controls a.active  {  background:#3a6090;}
/* 提现算一算 */
.count-content-bg{width: 100%;min-width: 1200px; padding: 28px 0px;background: linear-gradient(to right,#3cb0d5 0%,#2e8bd8 100%);}
.count-content-box{max-width: 1380px;min-width: 1200px; height: auto;margin: 0px auto;}
.count-title-first{width: 100%; height: auto;overflow: hidden; color: #fff;}
.count-title-first span{display: inline-block;float: left;font-size: 26px;}
.count-title-first i{display: inline-block; float: right;font-size: 16px; padding-top: 12px;}
.count-title-secod{width: 100%; height: 48px;margin-top: 13px;}
.count-title-secod-left{width: 84%;float: left;}
.count-title-secod-left ul li{width: 24%;float: left;position: relative;}
.marli{margin: 0px 0.5%;}
.count-title-secod-left ul li .libj30{width: 50%;float: left;}
.count-title-secod-left .bj_form .huxing_show{height: 48px;line-height: 48px;}
.count-title-secod-left .bj_form .huxing_show span:first-child{margin-left: 30px;}
.count-title-secod-left ul li .layui-input{height: 48px;font-size: 16px;color: #666;line-height: 48px;padding-left:20%;width: 100%;}
.count-title-secod-left ul li .coin-count-home{width: 13px;height: 14px;top:15px; left:11px;background-position: -57px 0px;}
.count-title-secod-left ul li .coin-count-tel{width: 12px;height: 19px;top:15px; left:11px;background-position: -71px 0px;}
.count-title-secod-left ul li .coin-count-add{width: 12px;height: 14px;top:15px; left:11px;background-position: -84px 0px;}
.count-title-secod-left ul li .coin-count-pic{width: 14px;height: 14px;top:15px; left:11px;background-position: -97px 0px;}
.count-title-secod-left ul li .coin-count-arrow{width: 7px;height: 4px;right: 10px;top:20px;background-position: -29px -5px;}
.count-title-secod-right{width: 15%;float: right;overflow: hidden;}
.count-title-secod-right .layui-btn{height: 48px;background-color: #c8b568; text-align: center; line-height: 48px;font-size: 18px;color: #fff;display: inline-block;width: 100%;}
.count_unit{position: absolute; right: 10px;top:0px;font-size: 14px;color: #333; line-height: 48px;}
/* 尊享服务 */
.zxsever-box{max-width: 1380px;height: auto;overflow: hidden;min-width: 1200px;margin: 75px auto;}
.zxsever-box-tit{text-align: center; margin-bottom: 30px;overflow: hidden;}
.zxsever-box-tit .lagertt{font-size: 38px;color: #333;}
.zxsever-box-tit .samaltt{font-size: 14px;color:#666; line-height: 30px;}
.zxsever-box-content{width: 100%;box-sizing: border-box;border-left: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;overflow: hidden;}
.zxsever-box-content-left{width: 33.3%;float: left;overflow: hidden;border-right: 1px solid #e9e9e9; box-sizing: border-box;}
.zxsever-box-content-left ul li{width: 100%;border-bottom: 1px solid #e9e9e9;float: left; padding: 25px 0px; position: relative;}
.zxsever-box-content-left ul li a .pic{float: right;margin-right: 20px;overflow: hidden;text-align: center;transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;}
.zxsever-box-content-left ul li a .pic.pic1{width: 192px;height: 122px;}
.zxsever-box-content-left ul li a .pic.pic2{width: 218px;height: 124px;}
.zxsever-box-content-left ul li a .pic.pic3{width: 276px;height: 226px;margin-top: 71px;}
.zxsever-box-content-left ul li a .pic.pic4{width: 171px;height: 121px;}
.zxsever-box-content-left ul li a .pic.pic5{width: 127px;height: 125px;}
.zxsever-box-content-left ul li a .pic img{width: 100%;}
.zxsever-box-content-left ul li a .titlecom{width: 50%; position: absolute; left: 20px;top:28px}
.zxsever-box-content-left ul li a .titlecom p.p1{font-size: 26px;font-weight: bold;color: #333; line-height: 35px;}
.zxsever-box-content-left ul li a .titlecom p.p2{font-size: 14px;color: #999;}
.zxsever-box-content-left ul li:hover a .pic{transform:translateX(10px); -webkit-transform:translateX(10px);}
.zxsever-box-content-left ul li:hover a .titlecom p.p1{color: #2e8bd8;} 
/* 装饰案例 */
.index-common-navbar{padding-top: 14px;padding-bottom: 25px;font-size: 18px;text-align: center;}
.index-common-navbar li{    display: inline-block;*display: inline;*zoom: 1;}
.index-common-navbar li a{color: #333;}
.index-common-navbar .navbar-line{padding: 0 18px;color: #c3c3c3;}
.index-common-navbar li a .arrow{display: inline-block;width: 9px;height: 13px;margin-bottom: 0;vertical-align: middle;background-position: -69px -30px;position: relative;}
.index-common-navbar li:hover a{color: #2e8bd8;}
.design-topic{max-width: 90%;min-width: 1200px;margin: 30px auto 60px;overflow: hidden;}
.design-topic-left{width:39.35%;float: left;overflow: hidden;}
.design-topic-left ul li{float: left;overflow: hidden;position: relative;}
.design-topic-left ul li.li1{width: 100%; margin-bottom: 15px;height: 465px;overflow: hidden;}
.design-topic-left ul li.li2{width:49%; margin-right: 1%;height: 220px;overflow: hidden;}
.design-topic-left ul li.li3{width:49%; margin-left: 1%;height: 220px;overflow: hidden;}
.design-topic-left ul li a .pic{width: 100%; text-align: center;}
.design-topic-left ul li a .pic img{width: 100%;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.design-topic-left ul li a .lablett{height: 50px;width: 94%; padding: 0px 3%; color: #fff;font-size: 16px; line-height: 50px;position: absolute; bottom: 0px;left:0px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.design-topic-left ul li:hover a .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.design-topic-center{width: 19.2%;float: left;overflow: hidden; margin: 0px 1%;}
.design-topic-center ul li{float: left;overflow: hidden;position: relative;width: 100%;margin-bottom: 15px;height: 223px;}
.design-topic-center ul li a .pic{width: 100%; text-align: center; }
.design-topic-center ul li a .pic img{width: 100%;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.design-topic-center ul li:hover a .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.design-topic-center ul li a .lablett{height: 50px;width: 94%; padding: 0px 3%; color: #fff;font-size: 16px; line-height: 50px;position: absolute; bottom: 0px;left:0px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.design-topic-center ul li.li6{margin-bottom: 0px;}

/* 中装用心装好家 */
.zzwlablebg{width: 100%;height: auto;background: url(../img/bgc1.jpg)no-repeat top center; padding: 45px 0px;}
.color_wirte{color: #fff !important;}
.zzwlablebox{max-width: 1380px;min-width: 1200px;height: auto;margin: 0px auto;overflow: hidden;}
.zzwlablebox ul li{width: 25%;float: left;overflow: hidden;color: #fff;text-align: center;}
.zzwlablebox ul li .pic{width: 80px; height: 80px; position: relative;background-color: #fff;border-radius: 50%; margin: 0px auto 12px;}
.zzwlablebox ul li .pic span{display: inline-block;position: absolute;left: 0px; right: 0px;margin: 0px auto; width: 37px;height: 37px;top:27%}
.zzwlablebox ul li .pic span.pic1{background-position: -265px 0px;}
.zzwlablebox ul li .pic span.pic2{background-position: -303px 0px;}
.zzwlablebox ul li .pic span.pic3{background-position: -265px -43px;}
.zzwlablebox ul li .pic span.pic4{background-position: -305px -43px;}
.zzwlablebox ul li p.p1{font-size: 31px; line-height: 37px;}
.zzwlablebox ul li p.p2{font-size: 20px; line-height: 30px;}
/* 装修公司推荐 */
.zxcompaybg{width: 100%;min-width: 1200px;padding: 60px 0px 50px;background-color: #f5f5f5;}
.zxcompay_box{max-width: 1380px;min-width: 1200px;margin: 0px auto;overflow: hidden;}
/* .zxcompay_content{width: 100%; height: auto;overflow: hidden;}
.zxcompay_content ul li{width: 31.7%;float: left; margin: 0.8% 0.8% 0.8%;background-color: #fff;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);padding: 25px 0px;}
.zxcompay_content ul li a .pic{width: 92px;height: 92px;float: left;overflow: hidden; margin-left: 18px; text-align: center;}
.zxcompay_content ul li a .pic img{width: 100%;}
.zxcompay_content ul li a .txtrig{width: 65%;float: right;overflow: hidden;margin-right: 15px;}
.zxcompay_content ul li a .txtrig p.p1{margin-bottom: 10px;overflow: hidden;}
.zxcompay_content ul li a .txtrig p.p1 span{display: inline-block;float: left;font-size: 20px;font-weight: bold;color: #333;}
.zxcompay_content ul li a .txtrig p.p1 .lable1{display: inline-block;background-color: #44b46c;color: #fff;font-size: 12px;font-family: simsun;padding: 3px 4px;margin-left: 10px;float: left;margin-top: 5px;}
.zxcompay_content ul li a .txtrig p.p1 .lable2{display: inline-block;background-color: #f35029;color: #fff;font-size: 12px;font-family: simsun;padding: 3px 4px;margin-left: 10px;float: left;margin-top: 5px;}
.zxcompay_content ul li a .txtrig p.p2 {font-size: 16px;color: #666; line-height: 30px;}
.zxcompay_content ul li a .txtrig p.p2 i{font-weight: bold;}
.zxcompay_content ul li a .txtrig p.p3{ width: 112px;height: 35px;border:1px solid #ea6363; line-height: 35px;text-align: center;font-size: 16px;color: #ea6363; margin-top: 10px;}
.zxcompay_content ul li:hover a .txtrig p.p3{color: #4fb875;border:1px solid #4fb875;} */
.works_wrap{position:relative; overflow:hidden;-webkit-animation:gfadeIn 1s 1.5s both; -moz-animation:gfadeIn 1s 1.5s both; animation:gfadeIn 1s 1.5s both;}
#works{width:100%; position:absolute; top:0; left:0; overflow:hidden;}
#works ul{width:100%; overflow:hidden; float:left;}
#works ul li{width: 31.7%;float: left; margin: 0.8% 0.8% 0.8%;background-color: #fff;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);padding: 25px 0px;}
#works ul li a .pic{width: 92px;height: 92px;float: left;overflow: hidden; margin-left: 18px; text-align: center;}
#works ul li a .pic img{width: 100%;}
#works ul li a .txtrig{width: 65%;float: right;overflow: hidden;margin-right: 15px;}
#works ul li a .txtrig p.p1{margin-bottom: 10px;overflow: hidden;}
#works ul li a .txtrig p.p1 span{display: inline-block;float: left;font-size: 20px;font-weight: bold;color: #333;}
#works ul li a .txtrig p.p1 .lable1{display: inline-block;background-color: #44b46c;color: #fff;font-size: 12px;font-family: simsun;padding: 3px 4px;margin-left: 10px;float: left;margin-top: 5px;}
#works ul li a .txtrig p.p1 .lable2{display: inline-block;background-color: #f35029;color: #fff;font-size: 12px;font-family: simsun;padding: 3px 4px;margin-left: 10px;float: left;margin-top: 5px;}
#works ul li a .txtrig p.p2 {font-size: 16px;color: #666; line-height: 30px;}
#works ul li a .txtrig p.p2 i{font-weight: bold;}
#works ul li a .txtrig p.p3{ width: 112px;height: 35px;border:1px solid #ea6363; line-height: 35px;text-align: center;font-size: 16px;color: #ea6363; margin-top: 10px;}
#works ul li:hover a .txtrig p.p3{color: #4fb875;border:1px solid #4fb875;}
#works_ctrl{width:100%; height:85px; overflow:hidden;text-align:center; margin-top: 20px;}
#works_ctrl button{width:52px; height:50px; display:inline-block; margin:17px 5px; border:none; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; border:none; outline:0}
#works_ctrl #works_prev{background:#fff url(../img/works_arr.png) no-repeat 0 0;}
#works_ctrl #works_prev:hover{background:#2e8bd8 url(../img/works_arr.png) no-repeat -52px 0;}
#works_ctrl #works_next{background:#fff url(../img/works_arr.png) no-repeat -52px -50px;}
#works_ctrl #works_next:hover{background:#2e8bd8 url(../img/works_arr.png) no-repeat 0 -50px;}
#works_prev, #works_next, #works_more{border-radius:2px; vertical-align:middle;}
#works_more{display:inline-block; width:92px; height:50px; background:#fff url(../img/works_more.png) no-repeat center -50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; vertical-align:middle;}
#works_more:hover{background:#2e8bd8 url(../img/works_more.png) no-repeat center 0;}
/* 设计师推荐 */
.index-yzs .yzs-bg-left,.index-yzs .yzs-bg-right,.yzs-bg-right-box {top:0;position:absolute;height:600px}
.step-line {float:left;width:146px;height:1px;margin:16px 0 0 5px;background-color:#e3e3e3}
.index-yzs {position:relative;height:600px;overflow:hidden;}
.index-yzs .yzs-bg-left img {width: 100%;}
.index-yzs-bg {float:left;width:100%;}
.index-yzs .yzs-bg-left {right:0;overflow:hidden}
.yzs-bg-right-box {left:0;z-index:11;width:45%;background-color: #687783;}
.index-yzs .yzs-bg-right {right:0;width:100%}
.index-yzs .content-wrapper {max-width: 1380px;min-width: 1200px;margin: 0px auto;position:relative;height:600px;z-index:10}
.index-yzs-review {position:absolute;top:140px;right:0;width:600px;height:211px;padding:40px 40px;background-color:#fff;border-radius:4px}
.index-yzs-yezhu {position:absolute;top:70px;left:30%;width:510px}
.index-yzs-title {margin-bottom:8px;text-align:left;font-size:38px;font-weight:400;color:#fff}
.index-yzs-slogan {margin-bottom:3px;text-align:left;font-size:14px;color:#fff}
.index-yzs-yezhu ul {overflow:hidden;margin-top:27px}
.index-yzs-yezhu ul li {float:left;margin:0 0.5% 0.5%;width:20%;cursor:pointer;border:4px solid #318ad3; height: 102px;}
.index-yzs-yezhu ul li.gray {border:4px solid #687783}
.index-yzs-yezhu ul li img {width:100%; height: 100%;}
.yzs-bg-right-box .more{width: 160px; height: 40px;line-height: 40px;box-sizing: border-box;font-size: 16px;color: #c8b568;border: 1px solid #c8b568;display: inline-block;text-align: center;border-radius: 25px; margin-top: 20px;margin-left: 32%;}
.yzs-detail {overflow:hidden;width: 210px;float: left;}
.yzs-detail-logo {width: 100%;}
.yzs-detail-content {margin-top:10px;float: right;width: 370px;overflow: hidden;}
.yzs-detail-content p.p1{font-size: 20px;color: #333; margin-bottom: 8px;}
.yzs-detail-content p.p2{font-size: 14px;color: #333;line-height: 28px;}
.yzs-detail-content p.p3{ margin-top: 18px;overflow: hidden;}
.yzs-detail-content p.p3 span{display:inline-block;width: 130px;height: 40px;color: #fff; line-height: 40px;text-align: center;font-size:16px;}
.yzs-detail-content p.p3 span.span1{background-color: #e95959;margin-right: 15px;}
.yzs-detail-content p.p3 span.span2{background-color: #2e8bd8;}
.yzs-detail-content p.p4{font-size: 14px;color: #333;line-height: 28px;display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;height: 55px;}

/* 流程 */
.lc-conten-bg{width:100%;min-width: 1200px;background-color: #c8b568;overflow: hidden; padding: 50px 0px 40px;}
.lc-conten-box{max-width: 1380px;min-width: 1200px;margin: 0px auto;overflow: hidden;}
.lc-conten-box ul li{width: 14%;float: left;overflow: hidden; text-align: center;color: #fff;}
.lc-conten-box ul li .pic{margin: 0px auto;position: relative;margin-bottom: 7px;}
.lc-conten-box ul li .pic.pic1{background-position: -110px -67px;width: 45px; height: 42px;}
.lc-conten-box ul li .pic.pic2{background-position: -156px -63px;width: 51px; height: 46px;}
.lc-conten-box ul li .pic.pic3{background-position: -210px -64px;width: 43px; height: 44px;}
.lc-conten-box ul li .pic.pic4{background-position: -109px -113px;width: 39px; height: 39px;}
.lc-conten-box ul li .pic.pic5{background-position: -155px -111px;width: 46px; height: 47px;}
.lc-conten-box ul li .pic.pic6{background-position: -204px -108px;width: 53px; height: 47px;}
.lc-conten-box ul li .pic.pic7{background-position: -108px -154px;width: 46px; height: 47px;}
.lc-conten-box ul li p.p1{font-size: 20px;font-weight: bold;}
.lc-conten-box ul li p.p2{font-size: 14px;line-height: 30px;}
.lc-conten-box ul li p.p3{margin-top: 15px;overflow: hidden;}
.lc-conten-box ul li p.p3 i{display: inline-block;width: 30px; height: 30px;border: 1px solid #fff;border-radius: 50%;font-size: 14px; line-height: 30px;margin: 0px auto;}
/* 找建材 */
.find-jc-bg{width: 100%;min-width: 1200px;background-color: #eef0f5;position: relative; height: 720px;}
.find_coins{width: 148px;height: 148px;position: absolute; top: 0px; right: 5%;}
.find-jc-conten{max-width: 1380px;min-width: 1200px;margin: 0px auto;overflow: hidden; position: relative;height: 720px;}
.find-jc-conten-pic{width: 960px; height:441px;text-align: center;position: absolute;bottom: 0px;left: 0px;}
.find-jc-conten-pic img{width: 100%;}
.find-jc-conten-tit{width: 265px; position: absolute;left: 0px;top: 84px;}
.find-jc-conten-tit p.p1{font-size: 38px;color: #333;}
.find-jc-conten-tit p.p2{font-size: 16px;color: #666;line-height: 30px;}
.find-jc-conten-nav{width: 1110px;position: absolute; top: 90px;right: 0px;}
.find-jc-conten-nav ul li{width:23%;float: left;margin: 0px 1% 2%;overflow: hidden; height: 150px;position: relative;}
.find-jc-conten-nav ul li.li1{background-color: #e46666;}
.find-jc-conten-nav ul li.li2{background-color: #c8b568;}
.find-jc-conten-nav ul li.li3{background-color: #6eb78c;}
.find-jc-conten-nav ul li.li4{background-color: #44b46c;}
.find-jc-conten-nav ul li.li5{background-color: #3f7dac;}
.find-jc-conten-nav ul li.li6{background-color: #d7748b;}
.find-jc-conten-nav ul li.li7{background-color: #5bacbf;}
.find-jc-conten-nav ul li a .title{width:90%;height: auto;margin: 24px auto 0px;overflow: hidden;color: #fff;}
.find-jc-conten-nav ul li a .title p.p1{font-size: 20px;font-weight: bold; margin-bottom: 5px;}
.find-jc-conten-nav ul li a .title p.p2{font-size: 14px;}
.find-jc-conten-nav ul li a .pic{right: 17px;bottom: 16px;}
.find-jc-conten-nav ul li a .pic.pic1{width: 46px;height: 50px;background-position: -155px -160px;}
.find-jc-conten-nav ul li a .pic.pic2{width: 53px;height: 55px;background-position: -203px -155px;}
.find-jc-conten-nav ul li a .pic.pic3{width: 55px;height: 51px;background-position: -253px -77px;}
.find-jc-conten-nav ul li a .pic.pic4{width: 48px;height: 53px;background-position: -313px -78px;}
.find-jc-conten-nav ul li a .pic.pic5{width: 50px;height: 51px;background-position: -259px -126px;}
.find-jc-conten-nav ul li a .pic.pic6{width: 49px;height: 49px;background-position: -311px -131px;}
.find-jc-conten-nav ul li a .pic.pic7{width: 55px;height: 56px;background-position: -259px -178px;}
.find-jc-conten .more{width: 96px;height: 88px;background-color: #e2e4eb;right: 18px;bottom: 0px;position: absolute; text-align: center;}
.find-jc-conten .more .adpic{width: 34px;height: 34px;position: relative;margin: 35px auto 0px;background-position: -33px -27px;display: inline-block;}
/* 装修攻略 */
.zx_news-box{max-width: 1380px;min-width: 1200px; height: auto;overflow: hidden;margin: 0px auto;}
.zx_news-list{width: 33.3%;float: left;overflow: hidden;box-sizing: border-box;}
.zx_news-list.linbox{border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
.zx_news-list .boxw{width: 90%;margin-right: 10%;overflow: hidden;}
.zx_news-list .boxw.center{margin-left: 10%;width: 80%;}
.zx_news-list .boxw.last{margin-left: 10%; margin-right: 0%;}
.zx_news-list .tt{width: 100%; margin-bottom: 20px;overflow: hidden;font-size: 26px;color: #333;}
.zx_news-list .tt.marb{margin-bottom: 0px;}
.zx_news-list .tt i{font-weight: bold;}
.zx_news-list .pic{height: 125px; width: 100%;}
.zx_news-list .pic.marbpic{margin-top: 14px;}
.zx_news-list .pic img{width: 100%;}
.zx_news-list .zxnewsbox{width: 100%;height: auto;margin: 14px auto 0px;overflow: hidden;}
.zx_news-list .zxnewsbox ul li{width: 100%;float: left;line-height: 36px;font-size: 16px;}
.zx_news-list .zxnewsbox ul li a{color: #333;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zx_news-list .zxnewsbox ul li:hover a{color: #2e8bd8;}
/* foot */
.footbg{width:100%;min-width: 1200px;background-color: #0a0a0a;overflow: hidden; padding: 30px 0px 20px;}
.footcon{max-width: 1380px;min-width: 1200px;height: auto;margin: 0px auto;}
.footconleft{width: 50%;float: left;overflow: hidden;margin-right: 3%; margin-top: 40px;}
.footconleft .footnav{width: 100%;margin-bottom: 14px;color: #fff;font-size: 16px;overflow: hidden;}
.footconleft .footnav a{display: inline-block;padding: 0px 10px;color: #fff;}
.footconleft p{font-size: 14px;color: #8d8d8d;padding-left: 10px;}
.footconcenter{width: 20%;float: left;overflow: hidden;margin-right: 3%; margin-top: 40px;}
.footconcenter p.p1{font-size: 34px;color: #fff;margin-bottom: 10px; }
.footconcenter p.p1 i{display: inline-block;width: 29px;height: 29px; position: relative;background-position: 0px -12px;margin-right: 8px;}
.footconcenter p.p2{font-size: 14px;color: #a4a4a4;text-align: center;}
.footconright{width: 20%;float: right;overflow: hidden;}
.footconright .erw{width: 44%;float: left;margin: 0px 3%;}
.footconright .erw .pic{width: 100%;margin-bottom: 8px;}
.footconright .erw .pic img{width: 100%;}
.footconright .erw p{color: #a4a4a4;font-size: 14px; text-align: center;}
/* 注册页面 */
.register-bg{width: 100%;min-width: 1150px; height: auto;min-height: 712px;overflow: hidden;}
.register-conten{width: 1150px;height: auto;margin: 30px auto 0px;}
.register-contentt{width: 100%;margin-bottom: 30px;overflow: hidden;}
.register-contentt .logo{float: left;}
.register-contentt .tt{display: inline-block;float: left;padding-left: 15px;font-size: 22px;color: #fff;line-height: 40px;padding-top: 11px;}
.register-box{width: 320px;height: auto;background-color: #fff; padding: 10px 30px 0px;float: right;}
.register-box .layui-tab-title li{font-size: 16px;color: #333;}
.register-box .layui-tab-brief>.layui-tab-title .layui-this{color: #2e8bd8 !important;}
.register-box .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #2e8bd8 !important;}
/* 个人注册 */
.rigstr_allbox{width: 100%; height: auto;margin-top: 15px;}
.rigstr_allbox ul li{width: 100%;float: left;margin-bottom: 19px;position: relative;}
.reg_input{width: 100%;box-sizing: border-box;background-color: #fff;border: 1px solid #e3e3e3;height: 38px;font-size: 14px;color: #000;line-height: 38px;padding-left: 15px;}
.reg_input2{width: 47%;box-sizing: border-box;background-color: #fff;border: 1px solid #e3e3e3;height: 38px;font-size: 14px;color: #000;line-height: 38px;padding-left: 15px;float: left;}
.send_button{width: 145px;height: 38px;border: 1px solid #eee;background-color: #eee;cursor: pointer;color: #666;float: right;}
.safe_login{position: relative;display: inline-block;overflow: hidden;line-height:22x;color: #999;zoom: 1;*display: inline;font-size: 12px;}
.safe_login a{color: #2e8bd8;}
.safe_login a:hover{color: #ea0c0c;}
.btn_login{display: block;width: 100%;height:40px; margin: 0 auto;font-size: 16px;line-height: 40px;text-align: center;color: #fff;background: #2e8bd8;border: 0;cursor: pointer;}
.txt_login{text-align: center; font-size: 14px;color: #757575;}
.txt_login a{color: #2e8bd8;}
.rigstr_allbox i{font-size: 12px;color: #ea0c0c;line-height: 25px;}
.rigstr_allbox .cu_layer_one{ text-align: center;font-size: 12px;}
.rigstr_allbox .cu_layer_one label{margin-right: 15px;}
.addpc2 { width:70px; height: 70px; background: url(../img/addimg.png) no-repeat top center;background-size: 100%; position: relative; overflow:hidden;text-shadow: 0 0 black;margin-right: 8px;}
.addpc2 input[type=file] { position: absolute;z-index: 1;width: 100%;font-size: 50rem;opacity: 0;cursor: pointer;left: 0;top: 0;}
.opic{max-width:70px; position:relative; float:left; margin-bottom:10px; margin-right:10px}
.opic img{width: 100%; float:left; display:block; }
.rigstr_allbox .labtt{position: absolute;bottom:10px;color: #2e8bd8;}
.rigstr_allbox .layui-select-title{box-sizing: border-box;background-color: #fff;border: 1px solid #e3e3e3;height: 38px !important;font-size: 14px;color: #000;}
.rigstr_allbox .layui-input{height: 36px !important;}
.compselect{display:none;}
.rigstr_allbox  .layui-form-checkbox{height: 18px;line-height: 18px;margin-right: 5px;padding-right: 20px;}
.rigstr_allbox .layui-form-checkbox i{width: 15px;height: 15px;font-size: 15px;line-height: 18px;border-left: 1px solid #d2d2d2;}
/* 效果图 */
.picture_banner{width: 100%; height: auto;overflow: hidden;}
.picture_banner>a>img{width: 100%;}
.picture_nav{max-width: 1380px;min-width: 1200px;margin: -80px auto 0px;overflow: hidden; text-align: center;font-size: 0;}
.picture_nav ul li{width: 350px;height: 80px;background: rgba(0,0,0,0.54); line-height: 80px;display: inline-block; margin: 0px 5px;}
.picture_nav ul li a .pic{width: 40px;height: 40px;float: left;margin: 18px 8px 0px 30%;}
.picture_nav ul li a .pic.pic1{background: url(../img/xgnav1.png)no-repeat center;}
.picture_nav ul li a .pic.pic2{background: url(../img/xgnav2.png)no-repeat center;}
.picture_nav ul li a .pic.pic3{background: url(../img/xgnav3.png)no-repeat center;}
.picture_nav ul li a span{float: left;color: #fff;font-size: 24px;}
.picture_nav ul li:hover{background:#c6b672;}
.picture_nav ul li:hover a .pic.pic1{background: url(../img/xgnav1_1.png)no-repeat center;}
.picture_nav ul li:hover a .pic.pic2{background: url(../img/xgnav2_2.png)no-repeat center;}
.picture_nav ul li:hover a .pic.pic3{background: url(../img/xgnav3_3.png)no-repeat center;}
.picture_nav ul li.cur{background:#c6b672;}
.picture_nav ul li.cur a .pic.pic1{background: url(../img/xgnav1_1.png)no-repeat center;}
.picture_nav ul li.cur a .pic.pic2{background: url(../img/xgnav2_2.png)no-repeat center;}
.picture_nav ul li.cur a .pic.pic3{background: url(../img/xgnav3_3.png)no-repeat center;}
.backpre{display: inline-block;float: right; padding-right: 30px;font-size: 14px;color: #44b46c;}
/* 参数筛选 */
.xgt_conten{max-width: 1380px;min-width: 1200px;height: auto;overflow: hidden;margin: 20px auto 0px;}
.xgt_select_type {position: relative;float: left;margin-top: 10px;border: 1px solid #edecec;_overflow: hidden;}
.xgt_meitu_nav {height: 20px;padding: 11px 0 13px;font-weight: normal;}
.xgt_meitu_nav ul {margin-left: 23px;}
.xgt_meitu_nav .breadcrumb {padding: 0;font-size: 14px;}
.breadcrumb li {float: left;height: 20px;margin-right: 20px;line-height: 20px;}
.breadcrumb .breadcrumb-pre a {float: left;color: #999;}
.breadcrumb .breadcrumb-arrow {float: left;width: 7px;height: 7px;margin: 6px 0 0 7px;background-position: -81px -33px;}
.breadcrumb .breadcrumb-last {width: 669px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xgt_meitu_nav ul li.nav_type_select {margin-right: 0;}
.xgt_meitu_nav ul li.nav_type_select a {display: inline;float: left;height: 18px;margin-right: 12px;color: #2e8bd8;background: #fff;border: 1px solid #2e8bd8;text-decoration: none;cursor: pointer;}
.xgt_meitu_nav ul li.nav_type_select a h3 {display: inline-block;height: 18px;padding: 0 7px;font-weight: normal;line-height: 18px;font-size: 14px;}
.xgt_meitu_nav ul li.nav_type_select a span.nav_close {display: inline-block;width: 7px;height: 7px;margin: 0 5px;background-position: -91px -33px;position: relative;}
.xgt_meitu_nav ul li.nav_type_select i{color: #44b46c;}
.xgt_select_type dl {position: relative;top: -1px;float: left;width: 100%;border-top: 1px dotted #edecec;overflow: hidden;padding: 10px 0px;font-size: 14px;}
.xgt_select_type dl dt {position: absolute;top: 0;left: 0;z-index: 1;width: 77px;height: 100%;color: #666;line-height: 60px;text-align: center;border-right: 1px solid #eaeaea;background: #fafafa;}
.xgt_select_type dl dd {display: inline;float: left;margin-left: 110px;}
.xgt_select_type dl dd a {display: inline-block;width: 93px;height: 40px;line-height: 40px;text-align: left;text-decoration: none;}
.xgt_select_type dl dd a.on {color: #e95959; font-weight: bold;}
.xgt_select_type dl dd a:hover{color: #e95959; font-weight: bold;}
/* 排序 */
.paix_conten{width:100%;height: auto;overflow: hidden;margin: 0px auto;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);padding: 20px 0px;}
.paix_conten ul li{width: 100px;float: left;overflow: hidden; text-align: center;font-size: 14px;background:url(../img/s_down.png)no-repeat 88% center;}
.paix_conten ul li a{color: #666;}
.paix_conten ul li:hover{background:url(../img/s_cur.png)no-repeat 88% center;}
.paix_conten ul li:hover a{color: #e95959;}
.paix_conten ul li.on{background:url(../img/s_cur.png)no-repeat 88% center;}
.paix_conten ul li.on a{color: #e95959;}
/* 效果图展示 */
.wall {display: block;position: relative;overflow: hidden;padding-top: 40px;padding-bottom: 70px;}
.wall-column {display: block;position: relative;width: 25%;float: left;padding: 0 12px;box-sizing: border-box;}
.article {display: block;margin: 0 0 8px 0;padding: 12px;background: white;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);transition: all 220ms;position: relative;}
.article:hover {box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);transform: translateY(-5px);transition: all 220ms;}
.article .pic{width: 100%;margin: 0 0 15px 0;display: block;} 
.article img {display: block;width: 100%;}
.article h2 {text-align: center;font-size: 14px;text-transform: uppercase;margin: 0 0 5px 0;color: #999999;white-space:nowrap; overflow: hidden;text-overflow: ellipsis;}
.article .morep{    padding: 4% 0px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; color:#fff;font-size:14px; opacity:0;left: 0px;right: 0px;margin: 0px 12px;bottom: 0px;background-color:rgba(47, 141, 216, 0.8);text-align: center;position: absolute;}
.article:hover a .morep{bottom:50px;opacity:1}
/* 装修公司 */
.zxg_conten{max-width: 1380px;min-width: 1200px;height: auto;overflow: hidden;margin: 0px auto;}
.zxg_left{width: 77% !important;float: left;overflow: hidden;}
.zxg_rig{width:294px;float: right;overflow: hidden;box-sizing: border-box;border: 1px solid #e7e7e7;margin-top: 10px;border-bottom:none;}
/*分页*/
.page{width:100%;line-height:30px;text-align:center;border-top:none;padding:0 0 0px 0; margin:40px auto;font-size: 14px;}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right: 3px;padding: 3px 7px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #2f8dd8;color: #fff;border: 1px solid #2f8dd8;}
.pagination li a {display: block;text-align: center;}
 /* 装修公司列表 */
.zxg_listbox{width: 100%;box-sizing: border-box;height:auto;overflow: hidden;border: 1px solid #e7e7e7;border-bottom:none;margin: 40px auto;}
.zxg_listbox ul li{width: 100%;float: left;border-bottom: 1px solid #e7e7e7; padding:25px 0px 10px;overflow: hidden;} 
.zxg_listbox ul li a .pic{width: 110px;height: 110px;float: left;margin: 8px 30px 10px;box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);overflow: hidden;text-align: center;}
.zxg_listbox ul li a .pic img{width: 100%;}
.zxg_listbox ul li a .zxgrig{width: 81%;float: right;overflow: hidden;margin-right: 30px;}
.zxg_listbox ul li a .zxgrig .zxghed{width: 100%;height:auto;margin-bottom: 12px;overflow: hidden;}
.zxg_listbox ul li a .zxgrig .zxghed .zxglef{width: 75%;float: left;overflow: hidden;}
.zxg_listbox ul li a .zxgrig .zxghed .zxglef p.p1{font-weight: bold;font-size: 22px;color: #333;margin-bottom: 12px;}
.zxg_listbox ul li a .zxgrig .zxghed .zxglef p.p1 i.i1{display: inline-block;background-color: #44b46c;font-size: 12px;color: #fff;padding: 3px 4px;font-family: sumsin;font-weight: normal;margin: 0px 3px;}
.zxg_listbox ul li a .zxgrig .zxghed .zxglef p.p1 i.i2{display: inline-block;background-color: #ed0f0f;font-size: 12px;color: #fff;padding: 3px 4px;font-family: sumsin;font-weight: normal;margin: 0px 3px;}
.zxg_listbox ul li a .zxgrig .zxghed .zxglef p.p2{font-size: 14px;color: #666; line-height: 24px;}
.zxg_listbox ul li a .zxgrig .zxghed .zxglef p.p2 i{font-weight: bold;color: #44b46c;}
.zxg_listbox ul li a .zxgrig .zxghed .zxglef p.p3{font-size: 14px;color: #666; line-height: 24px;background:url(../img/addrcoin.png)no-repeat left center;padding-left: 20px;}
.zxg_listbox ul li a .zxgrig .zxghed .zxghrig{width: 166px;float: right;overflow: hidden;border: 1px solid #44b46c;}
.zxg_listbox ul li a .zxgrig .zxghed .zxghrig p.p1{height: 40px;background-color: #44b46c; text-align: center;color: #fff;line-height: 40px;font-size: 16px;}
.zxg_listbox ul li a .zxgrig .zxghed .zxghrig p.p2{height: 37px;text-align: center;color: #44b46c;line-height: 37px;font-size: 16px;font-weight: bold;background:url(../img/zxgcointel.png)no-repeat 5% center;}
.zxg_listbox ul li a .zxgrig .zxgpiclist{width: 100%;height:auto;overflow: hidden;}
.zxg_listbox ul li a .zxgrig .zxgpiclist .arrpic{width: 23%;float: left;margin: 0px 1%;overflow: hidden;height: 137px;}
.zxg_listbox ul li a .zxgrig .zxgpiclist .arrpic img{width: 100%;}
.zxg_listbox ul li a .zxgrig .zxgmore{width: 100%; line-height: 38px;text-align: right;overflow: hidden;font-size: 14px;color: #666;}
/*装修公司排名*/
.zxgpm_tit{width: 100%;height: 65px; background: url(../img/zxgp_bg.png)no-repeat center;line-height: 65px;}
.zxgpm_tit span{display: inline-block;padding-left: 17px;color: #fff;font-size: 22px;}
.zxgpmlist{width: 100%;height: auto;overflow: hidden;}
.zxgpmlist ul li{width: 90%;border-bottom: 1px solid #f0f0f0;float: left;overflow: hidden; padding: 18px 5%;}
.zxgpmlist ul li a .pic{width: 66px;height: 66px;border: 1px solid #f0f0f0;float: left;position: relative;}
.zxgpmlist ul li a .pic img{width: 100%;height: 100%;}
.zxgpmlist ul li a .pic i{display: inline-block;width: 18px;height: 18px; text-align: center;line-height: 18px; color: #fff;font-size: 12px;position: absolute;top: 0px;left:0px;background-color: #b7b7b7;}
.zxgpmlist ul li a .pic i.i1{background-color: #ed0f0f;}
.zxgpmlist ul li a .pic i.i2{background-color: #ff8d3c;}
.zxgpmlist ul li a .pic i.i3{background-color: #44b46c;}
.zxgpmlist ul li a .pic i.i4{background-color: #2e8cd8;}
.zxgpmlist ul li a .txtx{width: 180px;float: right;overflow: hidden; margin-top: 20px;font-size: 16px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 装修公司详细 */
.zxgview_navbg{width: 100%;min-width: 1200px;background-color: #44b46c;line-height: 48px;}
.zxgviewname{width: 30%;float: left;font-size: 22px;font-weight: bold;color: #fff;padding-left: 1%;}
.zxgview_nav{width: 65%;float: right;overflow: hidden;font-size: 16px;}
.zxgview_nav a{display: inline-block;padding: 0px 4%;color: #fff;float: right;}
.zxgview_nav a.cur{background-color: #c8b568;}
.zxgview_nav a:hover{background-color: #c8b568;color: #fff;}
/* 轮播 */
.zxgview_bconten{border: 1px solid #e4e4e4;box-sizing: border-box;width: 100%;overflow: hidden;padding: 16px 0px;margin-bottom: 35px;}
.zxgview_bannerleft{width: 520px;float: left;overflow: hidden;margin-left: 16px;}
.top-img{width:100%;height: auto;font-size: 0;position: relative;}
.activeimg{overflow: hidden;height:290px;position: relative;}
.top-img .activeimg img{ width:520px;height: 290px;}
.bot-img{width: 100%;margin-top: 10px;overflow: hidden;}
.bot-img ul li{width: 19%;float: left;border: 2px solid #fff;cursor: pointer;font-size: 0;margin: 0px 0.5%;box-sizing: border-box;height: 65px;}
.bot-img ul li.active{border: 2px solid #4fb875;}
.bot-img ul li img{width: 100%; height: 100%;}
.bot-img ul li:last-child{margin-right: 0;}

.zxgview_bannerrig{width: 58.5%;float: right;overflow: hidden;margin-right: 16px;margin-top: 8px;}
.zxgview_bannerrig .vrigtt{width: 100%;overflow: hidden;padding-bottom: 12px;}
.zxgview_bannerrig .vrigtt span{display: inline-block;font-size: 26px;font-weight: bold;color: #333;float: left;}
.zxgview_bannerrig .vrigtt i.i1{display: inline-block;background-color: #44b46c;font-size: 12px;color: #fff;padding: 3px 4px;font-family: sumsin;font-weight: normal;margin: 7px 3px 0px;float: left;}
.zxgview_bannerrig .vrigtt i.i2{display: inline-block;background-color: #ed0f0f;font-size: 12px;color: #fff;padding: 3px 4px;font-family: sumsin;font-weight: normal;margin: 7px 3px 0px;float: left;}
.zxgview_bannerrig .vrigtt a.szcoin{float: right;margin-right: 50px; line-height: 35px; padding-left: 30px;color: #999;font-size: 16px;}
.zxgview_bannerrig .vrigtt a.szcoin.sclinke{background: url(../img/sz_coin1.png)no-repeat left center;background-size: 25px;}
.zxgview_bannerrig .vrigtt a.szcoin.sclinkecur{background: url(../img/sz_coin2.png)no-repeat left center;background-size: 25px;}
.zxgview_bannerrig .vrigsum{width: 100%;height:auto;overflow: hidden;padding-bottom:10px;}
.zxgview_bannerrig .vrigsum ul li{width: 12.5%;float: left;overflow: hidden;text-align: center;}
.zxgview_bannerrig .vrigsum ul li p.p1{font-size: 22px;font-weight: bold;color: #333;}
.zxgview_bannerrig .vrigsum ul li p.p2{font-size: 14px;color: #666;}
.zxgview_bannerrig .vrigintr{width: 100%;height: auto;overflow: hidden;font-size: 14px;color: #333;line-height: 28px; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;    overflow: hidden;height: 88px;}
.zxgview_bannerrig .vrigintr a{color: #333;}
.zxgview_bannerrig .vrigtelbox{width: 100%;height: auto;overflow: hidden;border-top: 1px solid #e4e4e4;padding-top: 12px;margin-top: 12px;line-height: 28px;}
.zxgview_bannerrig .vrigtelbox p.p1{font-size: 20px;font-weight: bold;color: #e95959;background:url(../img/zxgv_coin1.png)no-repeat left center;padding-left: 35px;margin-bottom: 5px;}
.zxgview_bannerrig .vrigtelbox p.p2{font-size: 14px;color: #666;background:url(../img/zxgv_coin2.png)no-repeat left center;padding-left: 35px;}
.zxgview_bannerrig .vriglf{width: 100%;height: auto;overflow: hidden;margin-top: 18px;}
.zxgview_bannerrig .vriglf a{width: 168px;height: 48px;float: left;margin-right: 12px;display: inline-block;color: #fff;line-height: 48px;text-align: center;font-size: 18px;border: 1px solid #c8b568;}
.zxgview_bannerrig .vriglf a.a1{background-color: #c8b568;}
.zxgview_bannerrig .vriglf a.a2{background-color: #fff;border: 1px solid #e95959;color: #e95959;}
/* 设计方案 */
.zxgview_sjbox{width: 100%;height: auto;overflow: hidden;margin: 40px auto ;}
.zxgview_sjtt{width: 100%;line-height: 38px;overflow: hidden;}
.zxgview_sjtt span{display: inline-block;float: left;font-size: 22px;color: #333;}
.zxgview_sjtt a{display: inline-block;float: right;color: #44b46c;font-size: 14px;background:url(../img/zxgv_coin3.png)no-repeat right center;padding-right: 12px;}
.zxgview_sjlist{width: 100%;height: auto;overflow: hidden;margin: 15px auto 0px;}
.zxgview_sjlist ul li{width: 24%;height: auto;float: left;overflow: hidden;margin: 0px 0.5%;}
.zxgview_sjlist ul li a .pic{width: 100%;height: 205px;margin: 0px auto 8px;overflow: hidden;text-align: center;}
.zxgview_sjlist ul li a .pic img{width: 100%;}
.zxgview_sjlist ul li a p{font-size: 14px;color: #333;line-height: 30px;}
/* 设计师 */
.zxgview_deglist{width: 100%;height: auto;overflow: hidden;margin: 15px auto 0px;}
.zxgview_deglist ul li{width: 19%;height: auto;float: left;overflow: hidden;margin: 0px 0.5%;transition: all 220ms;position: relative;}
.zxgview_deglist ul li a .pic{width: 100%;height: 237px;margin: 0px auto;overflow: hidden;text-align: center;}
.zxgview_deglist ul li a .pic img{height: 100%;}
.zxgview_deglist ul li a .txt{width: 100%;height: auto;overflow: hidden;text-align: center;border: 1px solid #fff;border-top: none;padding-top: 15px;box-sizing: border-box;}
.zxgview_deglist ul li a .txt p.p1{font-size: 16px;color: #333;line-height: 25px;}
.zxgview_deglist ul li a .txt p.p2{font-size: 14px;color: #666666;line-height: 25px;}
.zxgview_deglist ul li a .txt p.p3{font-size: 16px;color: #fff;line-height: 36px;width: 123px;height: 36px;margin: 8px auto 20px;line-height: 36px;background-color: #c8b568;opacity:0;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.zxgview_deglist ul li:hover a .txt{box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);border: 1px solid #ededed;border-top: none;}
.zxgview_deglist ul li:hover a .txt p.p3{opacity:1;}

/* 设计师列表 */
.designer-list{height: auto;    max-width: 1380px;min-width: 1200px;margin: 20px auto 0px;min-height: 450px;}
.designer-list .designer-item {float: left;background: #fff;border: 1px solid #e3e3e3;margin: 0 20px 20px 0;-webkit-transition: all .2s linear;transition: all .2s linear;}
.designer-container {display: block;width: 228px;height: 290px;padding: 30px;}
.designer-item .avatar{    position: relative;}
.designer-item .avatar .avatar-box {width: 140px;height: 140px;margin: 0 auto;border-radius: 50%;overflow: hidden;text-align: center;border: 1px solid #eee;}
.avatar-box img {width: 100%;}
.designer-item .avatar .avatar-job {position: absolute;top: 20px;right: 1px;padding: 2px 7px;height: 18px;line-height: 18px;color: #fff;font-size: 12px;text-align: center;background: linear-gradient(-223deg,#caae79 3%,#a58a5f);background: -webkit-linear-gradient(-223deg,#caae79 3%,#a58a5f);border-radius: 10px 10px 10px 0;}
.designer-item .designer-name {font-size: 20px;color: #333;text-align: center;margin: 30px auto 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.designer-intro {text-align: center;font-size: 14px;color: #999;margin-bottom: 18px;height: 20px;}
.case-count,.work-year {margin-left: 5px;margin-right: 5px;}
.designer-idea{height: 30px;overflow: hidden; line-height: 30px; text-align: center;font-size: 14px;}
.designer-idea .work_but1{width: 100px;height: 30px;background-color: #c8b568;color: #fff;display: inline-block;margin-right: 8px;border: 1px solid #c8b568;box-sizing: border-box;}
.designer-idea .work_but2{width: 100px;height: 30px;background-color: #fff;color: #44b46c;display: inline-block;border: 1px solid #44b46c;box-sizing: border-box;}
.designer-item:hover{border:1px solid #fff;box-shadow:0 2px 18px 0 rgba(0,0,0,.1)}
.designer-item:nth-child(4n){margin: 0 0 20px;}
/* 设计师详情 */
.designer-detail-box{width: 100%; height: auto;overflow: hidden;background-color: #f2f2f2;}
.designer-detail{min-width: 1200px;max-width: 1380px;overflow: hidden;margin: 30px auto;}
.designer-detail .designer-introleft{float: left;width: 260px;padding: 30px 20px;background: #fff;overflow: hidden;}
.designer-introleft .avatar{width: 126px;height: 126px;margin: 0px auto 10px;}
.designer-introleft .avatar img{width: 100%;}
.designer-introleft .avatar-intr{width: 100%;text-align: center;overflow: hidden;font-size: 16px;color: #333;line-height: 28px;}
.designer-introleft .avatar-intr i{color: #44b46c;}
.designer-introleft .avatar-intr2{width: 100%;text-align: center;overflow: hidden;font-size: 14px;color: #666;}
.designer-introleft .avatar-intr2 a{width: 100px;height: 30px;margin-right: 5px;display: inline-block;color: #fff;line-height: 30px;text-align: center;font-size: 14px;border: 1px solid #c8b568;margin-top: 12px;}
.designer-introleft .avatar-intr2 a.a1{background-color: #c8b568;}
.designer-introleft .avatar-intr2 a.a2{background-color: #fff;border: 1px solid #e95959;color: #e95959;}
.designer-introleft .deintro{width: 100%;height: auto;overflow: hidden;margin-top: 30px;margin-bottom: 20px;}
.designer-introleft .deintro .tt{font-size: 14px;color: #666;padding-bottom: 5px;}
.designer-introleft .deintro .txt{font-size: 14px;color: #666;line-height: 25px;}
.designer-detail .designer-case{float: right;width: 76.5%;background: #fff;padding: 30px 30px 40px;box-sizing: border-box;overflow: hidden;}
.designer-detail .designer-case .ttcount{width: 100%; height: auto;overflow: hidden;}
.designer-detail .designer-case .ttcount span{display: inline-block;float: left;font-size: 22px;color: #333;}
.designer-detail .designer-case .ttcount i{display: block;float: right;font-size: 14px;color: #e95959;}

.designer-caselist{width: 100%;height: auto;overflow: hidden;margin: 20px auto 0px;}
.designer-caselist ul li{width: 31.3%;height: auto;float: left;overflow: hidden;margin: 0px 1% 1.5%;-webkit-transition: all .2s linear;transition: all .2s linear;}
.designer-caselist ul li a .pic{width: 100%;height: 210px;margin: 0px auto 8px;overflow: hidden;text-align: center;}
.designer-caselist ul li a .pic img{width: 100%;}
.designer-caselist ul li a p{font-size: 14px;color: #333;line-height: 30px;padding-bottom: 10px;padding-left: 12px;}
.designer-caselist ul li a p i{color: #e95959;}
.designer-caselist ul li:hover{box-shadow:0 2px 18px 0 rgba(0,0,0,.1)}

/* 设计案例详情文章页面 */
.desc-viewer{min-width: 1200px;max-width: 1380px;margin: 30px auto;position: relative;}
.desc-viewerrig{float: right;width: 240px;top: 0;left: 50%;right: auto;margin-left: 370px;background: #fff;position: absolute;padding: 25px 0px;}
.decompany-intro {float: right;width: 200px;padding: 30px 20px;background: #fff;}
.company-intro__avatarbox {width: 80px;height: 80px;margin: 0 auto;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;overflow: hidden;text-align: center;border: 1px solid #eee;box-sizing: border-box;}
.company-intro__avatarbox img {width: 100%;}
.company-intro__name {font-size: 16px;color: #444;text-align: center;margin: 10px auto 10px;font-weight: bold;}
.company-intro__info {font-size: 14px;color: #444;text-align: center;line-height: 22px;margin: 10px auto 10px;}
.company-intro__toolbar {text-align: center;}
.company-intro__btn--dark {font-size: 14px;line-height: 34px;text-align: center;background: #ff5a00;color: #fff;padding: 8px 15px;margin: 20px 10px 20px 0;}
.company-intro__home {margin-top: 20px;text-align: center;}
.company-intro__home .company-intro__into {font-size: 14px;color: #666;letter-spacing: 0;text-align: center;line-height: 22px;}

.desc-viewerleft{width: 75%;}
.desc-viewerleft .desc-content {padding: 36px 80px;background: #fff;}
.desc-viewerleft .case-name{font-size: 24px;color: #333;}
.desc-viewerleft .case-designer{position: relative;color: #333;margin: 20px 0;}
.desc-viewerleft .small-avatar{float: left;display: block;width: 30px;height: 30px;margin: 0 auto;border-radius: 50%;overflow: hidden;}
.desc-viewerleft .small-avatar img{width: 100%;}
.designer-prompt {display: none;position: absolute;top: 0;left: 0;padding-left: 40px;}
.designerg-name{display: inline-block;text-align: center;margin: 0 10px;line-height: 30px;}
.designerg-name .name {font-size: 14px;color: #8e8e93;text-align: center;line-height: 30px;display: inline-block;vertical-align: middle;}
.designerg-name .job {display: inline-block;height: 18px;line-height: 18px;margin: 6px 10px;border-radius: 9px 9px 9px 0;color: #fff;font-size: 12px;text-align: center;background: linear-gradient(90deg,#a58a5f,#caae79);background: -webkit-linear-gradient(90deg,#a58a5f,#caae79);padding: 0 10px;}
.house-info {background: #f6f6f6;border-radius: 6px;color: #999;padding: 20px;}
.house-info img {float: left;display: block;width: 166px;height: 48px;margin-right: 20px;margin-top: 5px;}
.house-info table {width: 570px;border-left: 1px solid #ccc;}
.house-info td {word-break: keep-all;white-space: nowrap;max-width: 110px;min-width: 110px;width: 110px;overflow: hidden;text-overflow: ellipsis;line-height: 30px;font-size: 14px;color: #999;padding-left: 10px;}
.desc-viewerrig.active{position: fixed;top: 0px;}
/* 模板样式 */
#js-viewer{font-size: 14px;color: #666;line-height: 30px;margin-top: 25px;}
.module .module-title {width: auto;height: auto;line-height: 30px;font-size: 20px;border-left: 4px solid #24c77e;text-indent: 8px;font-weight: bold;color: #222;padding-left: 8px;margin: 30px auto 20px;}
.module .module-content {font-size: 14px;color: #666;line-height: 30px;text-align: center;}
.module-content p {text-align: justify;margin-bottom: 20px;overflow-wrap: break-word;word-wrap: break-word;}
.module-content img{width: 100%;margin: 0 auto 10px;}
/* 装修设计列表 */
.sjlist{padding-top: 30px;padding-bottom: 40px;}
.sjlist ul li{width: 24%;float: left;margin: 0px 0.5% 1%;}
/* 装修公司公司介绍 */
.zxg_introbox{width: 1220px; height: auto;overflow: hidden;margin: 40px  auto ;}
.zxg_introcont{position: relative;padding: 30px 40px;margin-bottom: 20px;box-sizing: border-box;background-color: #fff;}
.zxg_introcont .logo{width: 100px;height: 100px;position: absolute;top: 30px;left: 40px;border-radius: 50%;overflow: hidden;border: 1px solid #eaeaea;box-sizing: border-box;}
.zxg_introcont .logo img {width: 70px;height: 70px;left: 50%;top: 50%;margin-left: -35px;margin-top: -35px;position: absolute;}
.zxg_introcont .zxg_intorig{margin-left: 140px;}
.zxgcom-title{height: 38px;font-size: 28px;color: #333;font-weight: bold;vertical-align: middle;line-height: 38px;margin-bottom: 10px;}
.home-link {top: 36px;right: 0;display: block;width: 114px;height: 32px;line-height: 32px;background-color: #e95959;color: #fff;border-radius: 16px 0 0 16px;position: absolute;text-align: center;}
.home-link:hover{color: #fff;}
.zxgcom-txt{margin-top: 20px;font-size: 14px;color: #666;line-height: 25px;overflow: hidden;}
.zxgcom_addr{width: 100%; height: auto;overflow: hidden;margin-top: 15px;}
.zxgcom_addr ul li{width: 100%; line-height: 30px;font-size: 14px;color: #666;padding-left:20px;}
.zxgcom_addr ul li.li1{background: url(../img/addrcoin.png)no-repeat left center;}
.zxgcom_addr ul li.li2{background: url(../img/zxgcointel.png)no-repeat left center;}
/* 装修 服务*/
.zxgtitle-bar{font-size: 18px;color: #333;margin-bottom: 25px;}
.info-table {border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;}
.info-table tr {height: 44px;}
.info-table td {padding: 11px 30px;font-size: 14px;border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;color: #333;text-align: justify;}
.info-table .label {width: 200px;padding-left: 0;padding-right: 0;text-align: center;color: #666;background-color: #f8f8f8;}

.toggle-btn {width: 100%;font-size: 14px;color: #0cb46a;cursor: pointer;margin-top: 20px;text-align: center;display: block;}
.toggle-btn:hover{color: #e95959;}
/* 装修公司证书 */
.Box_con {position: relative; }
.Box_con .btnl {position: absolute;}
.Box_con .btn {display: block;width:40px;height: 70px;position: absolute;top: 45px;cursor: pointer;}
.Box_con .btnl {background: url(../img/left2.png) no-repeat center;left: 0px;}
.Box_con .btnr {background: url(../img/right2.png) no-repeat center;right: 0px;}
.zxg_zslist{width: 100%;overflow: hidden;margin: 0px auto 0px;}
.zxg_zslist ul li{width:225px;margin-left: 20px;float: left;overflow: hidden;text-align: center;cursor: pointer;}
.zxg_zslist ul li:first-child {margin-left: 0;}
.zxg_zslist ul li .pic{width: 100%;height:169px;overflow: hidden; margin-bottom: 8px;}
.zxg_zslist ul li .pic img{width: 100%;}
.zxg_zslist ul li p{line-height: 30px;font-size: 14px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} 
/* 装修攻略 */
.news_nav{float: right;overflow: hidden; color: #c8c8c8;}
.news_nav a{display: inline-block;padding: 5px 20px;font-size: 14px;color: #333;}
.news_nav a:hover{background-color: #c8b568;color: #fff;}
.news_nav a.cur{background-color: #c8b568;color: #fff;}
.newsarr_box{border-top: 1px solid #e7e7e7;width: 100%;height: auto;overflow: hidden;margin-top: 12px;}
.newsarr_leftbox{width: 77%;float: left;overflow: hidden;}
.newsarr_left{width:100%;overflow: hidden;margin-bottom: 40px;}
.newsarr_left ul li{width: 100%;float: left;overflow: hidden;border-bottom: 1px solid #e7e7e7;padding-bottom: 25px;padding-top: 25px;}
.newsarr_left ul li a .times{width: 75px;float: left;overflow: hidden;margin-top: 10px;}
.newsarr_left ul li a .times p.p1{font-size: 22px;color: #333;}
.newsarr_left ul li a .times p.p2{font-size: 14px;color: #999;line-height: 30px;}
.newsarr_left ul li a .times p.p3{width: 14px;border-bottom: 1px solid #e7e7e7;margin-top: 35px;}
.newsarr_left ul li a .newpic{width: 260px;float: left;overflow: hidden;}
.newsarr_left ul li a .newpic img{width: 100%;}
.newsarr_left ul li a .newstxt{width: 66%;float: right;overflow: hidden;margin-top: 10px;}
.newsarr_left ul li a .newstxt p.p1{font-size: 22px;color: #333;line-height: 35px;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsarr_left ul li a .newstxt p.p2{font-size: 14px;color: #999;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
.newsarr_left ul li a .newstxt p.p3{margin-top: 18px;overflow: hidden;font-size: 14px;}
.newsarr_left ul li a .newstxt p.p3 i{display:inline-block;float: left;color: #333;}
.newsarr_left ul li a .newstxt p.p3 span{display:inline-block;float: right;color: #333;background: url(../img/news_ycoin.png)no-repeat left center;padding-left: 25px;}
.newsarr_left ul li:hover a .newstxt p.p1{color: #e95959;font-weight: bold;}
.newsarr_right{width:290px;float: right;overflow: hidden;box-sizing: border-box;margin-bottom: 35px;margin-top: 30px;}
.newsarr_rboxbg{width: 100%;height: 65px;background: url(../img/zxgp_bg.png)no-repeat center;font-size: 22px;color: #fff;line-height: 65px;float: left;}
.newsarr_rboxbg span{display: inline-block;padding-left: 17px;}
.newsarr_rboxcon{border-top: none;border: 1px solid #e7e7e7;padding: 15px;float: left;background-color: #fff;}
.newsarr_rboxcon ul li .libj30{ width: 48%;float: left;margin-left: 2%;}
.newsarr_rboxcon ul li{width: 100%; height: auto;margin-bottom: 12px;position: relative;float: left;}
.newsarr_rboxcon ul li .arrbot{width: 100%;height: 40px;background-color: #c8b568;line-height: 40px;text-align: center;font-size: 18px;color: #fff;}
.newsarr_rboxcon ul li .layui-input{border: 1px solid #dcdcdc;}
.newsarr_rboxcon ul li .count_unit{font-size: 14px;color: #333;position: absolute; right: 10px;top: -7px;}
.newsarr_rli{width: 100%;border: 1px solid #e7e7e7;box-sizing: border-box;overflow: hidden;margin-top: 28px;padding: 17px;float: left;background-color: #fff;}
.newsarr_rlitt{font-size: 22px;color: #333;margin-bottom: 14px;}
.newsarr_rlis{width: 100%;height: auto;overflow: hidden;}
.newsarr_rlis ul li{width: 100%;float: left;line-height: 30px;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsarr_rlis ul li a{color: #333;}
.newsarr_rlis ul li:hover a{color: #2e8bd8;}
.news-vrpo{float: right;top: 0;right: 0;position: absolute;margin-top: 0px;}
.news-viewer{overflow: hidden;line-height: 26px;color: #333;font-size: 15px;min-height: 450px;}
.news-viewer p{padding: 3px 0px;line-height: 26px;}
.news-viewer img{max-width: 900px;}
.newsrborer{border-bottom: 1px solid #e7e7e7;padding-bottom: 15px;}
/* 免费上门 */
.offerbg{width: 100%; height: 666px;margin: 0px auto;position: relative;}
.offer_navbg{width: 100%;background: linear-gradient(to right,#3cb0d5 0%,#2e8bd8 100%);}
.offer_navbox{width: 1100px;height: auto;overflow: hidden;margin: 0px auto;}
.offer_navbox ul li{width: 33.3%;float: left;overflow: hidden;text-align: center;padding: 18px 0px;}
.offer_navbox ul li a .pic{width: 48px;height: 48px;margin-right: 12px;display: inline-block;}
.offer_navbox ul li a .pic.pic1{background: url(../img/offer_coin1.png)no-repeat;background-size: 100%;}
.offer_navbox ul li a .pic.pic2{background: url(../img/offer_coin2.png)no-repeat;background-size: 100%;}
.offer_navbox ul li a .pic.pic3{background: url(../img/offer_coin3.png)no-repeat;background-size: 100%;}
.offer_navbox ul li a .ttx{overflow: hidden;color: #fff;display:inline-block;}
.offer_navbox ul li a .ttx p.p1{font-size: 22px;text-align: left;}
.offer_navbox ul li a .ttx p.p2{font-size: 14px;text-align: left;}
.offer_navbox ul li:hover{background-color: #c8b568;}
.offer_navbox ul li.cur{background-color: #c8b568;}
/* 量房流程 */
.liangf_box{width: 1100px;height: 666px;margin: 0px auto;overflow: hidden;position: relative;}
.liangf_lcbxbg{width: 640px;height: 170px;float: left;background: url(../img/offer_lcbg.png)no-repeat;margin-top: 350px;}
.liangf_lccoten{width: 100%; height: auto;overflow: hidden;margin-top: 55px;}
.liangf_lccoten ul li{width: 25%;float: left;}
.liangf_lccoten ul li .pic{width: 67px;height: 67px;border-radius: 50%; margin: 0px auto 4px;position: relative;}
.liangf_lccoten ul li .pic.pic1{background: url(../img/offer_c1.png)no-repeat center #44b46c;background-size: 44%;}
.liangf_lccoten ul li .pic.pic2{background: url(../img/offer_c2.png)no-repeat center #44b46c;background-size: 46%;}
.liangf_lccoten ul li .pic.pic3{background: url(../img/offer_c3.png)no-repeat center #44b46c;background-size: 46%;}
.liangf_lccoten ul li .pic.pic4{background: url(../img/offer_c4.png)no-repeat center #44b46c;background-size: 42%;}
.liangf_lccoten ul li p{text-align: center;font-size: 16px;color: #fff;line-height: 28px;}
.liangf_lccoten ul li i{display: inline-block;width: 18px;height: 18px;background-color: #c1a32a;color: #fff;font-size: 12px; line-height: 18px;text-align: center;position: absolute;top: 0px;right: 0px;border-radius: 50%;}
.liangf_box .liangf-rebox{width: 320px;height: auto;background-color: #fff;padding: 10px 30px 0px;position: absolute; right: 0px;top:105px}
.liangf-rebox .tt2{font-size: 26px;color: #333;font-weight: bold;text-align: center;padding: 12px 0px 5px;}
.rigstr_allbox ul li .li30{width: 32%;float: left;margin-left: 1%;}
.rigstr_allbox ul li .txt{font-size: 14px;color: #999;line-height: 23px;padding-bottom: 10px;}
/* 免费设计 */
.sj_lcbxbg{width: 640px;height: 170px;float: left;margin-top: 140px;}
.sj_lccoten{width: 100%; height: auto;overflow: hidden;margin-top: 55px;}
.sj_lccoten ul li{width: 20%;float: left;}
.sj_lccoten ul li .pic{width: 67px;height: 67px;border-radius: 50%; margin: 0px auto 4px;position: relative;}
.sj_lccoten ul li .pic.pic1{background: url(../img/offer_c1.png)no-repeat center #7f7c75;background-size: 44%;}
.sj_lccoten ul li .pic.pic2{background: url(../img/offer_c2.png)no-repeat center #7f7c75;background-size: 46%;}
.sj_lccoten ul li .pic.pic3{background: url(../img/offer_c3.png)no-repeat center #7f7c75;background-size: 46%;}
.sj_lccoten ul li .pic.pic4{background: url(../img/offer_c4_4.png)no-repeat center #7f7c75;background-size: 42%;}
.sj_lccoten ul li .pic.pic5{background: url(../img/offer_c5.png)no-repeat center #7f7c75;background-size: 42%;}
.sj_lccoten ul li p{text-align: center;font-size: 16px;color: #fff;line-height: 28px;}
.sj_lccoten ul li i{display: inline-block;width: 18px;height: 18px;background-color: #c1a32a;color: #fff;font-size: 12px; line-height: 18px;text-align: center;position: absolute;top: 0px;right: 0px;border-radius: 50%;}
.rigstr_allbox .mess{border: 1px solid #e3e3e3; width: 100%; height: 80px;box-sizing: border-box; padding-left: 14px;padding-top: 10px;}
/* 免费报价 */
.bj_boxconbg{width: 1200px; margin: 180px auto 0px;background-color: #fff;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);padding: 40px 40px;left: 0px;right: 0px;position: absolute;}
.bj_boxleft{width: 440px;float: left;padding-right: 177px;border-right: 1px solid #e7e7e7;}
.bj_boxleft .tt{font-size: 16px;color: #333; line-height: 45px;float: left;}
.bj_boxleft .tt i{color: #e95959;font-weight: bold;}
.bj_boxleft .tt span{font-size: 26px;padding-right: 15px;}
.bj_boxconten{width: 390px; height: auto;float: left;margin-top: 15px;}
.bj_boxconten ul li{width: 100%;float: left; margin-bottom: 15px;position: relative;}
.bj_boxconten ul li .lable{display: inline-block;width: 80px;float: left;line-height: 40px;font-size: 16px;color: #333;}
.bj_boxconten ul li .bj_input{width:285px;box-sizing: border-box;background-color: #fff;border: 1px solid #e3e3e3;height: 40px;font-size: 14px;color: #000;line-height: 40px;padding-left: 15px;float: left;}
.bj_boxconten ul li b{color: #f31010;font-size: 16px;float: left;padding-left: 7px;line-height: 40px;font-weight: normal;}
.bj_boxconten ul li font{font-size: 16px;color: #333; line-height: 40px;position: absolute; right: 30px;top: 0px;}
.bj_boxconten ul li .libj30{width: 48%;float: left;margin-right: 2%;}
.bj_boxconten ul li .bj_input2{width:285px;height: 40px;font-size: 14px;float: left;}
.bj_boxconten ul li .bj_input2 .layui-select-title{box-sizing: border-box;background-color: #fff;border: 1px solid #e3e3e3;height: 40px !important;font-size: 14px;color: #000;}
.bj_boxconten ul li .bj_input2.txt{color: #999;box-sizing: border-box; line-height: 40px;}
.bj_boxrig{width: 355px;float: right;overflow: hidden;}
.bj_boxrig .txt{font-size: 26px;color: #333;}
.bj_boxrig .txt i{color: #e95959;font-weight: bold;}
.bj_boxrig .bj_boxrigcon{width: 100%;height: auto;border: 1px solid #eaeaea;padding: 24px 70px;overflow: hidden;margin-top: 30px;box-sizing: border-box;}
.bj_boxrig .bj_boxrigcon ul li{width: 100%;float: left;overflow: hidden;color: #e59595;font-size: 16px;line-height: 48px;}
.bj_boxrig .bj_boxrigcon ul li em{font-style: normal;}
.bj_annu{width: 118px;height: 118px;position: absolute;top:130px; left: 30px;right: 0px;margin: 0px auto;border: none;cursor: pointer;background-color: #e95959;border-radius: 50%;color: #fff;font-size: 22px;z-index: 12;}
.circle-animate{position: absolute;top: 134px;right: 0px;left: 30px;width: 110px;height: 110px;margin: 0px auto;-webkit-border-radius: 50%;border-radius: 50%;background: #f9a3a1;z-index: 4;-webkit-animation: scale-three2 1.5s ease infinite;-moz-animation: scale-three2 1.5s ease infinite;-o-animation: scale-three2 1.5s ease infinite;animation: scale-three2 1.5s ease infinite;animation-fill-mode: both;}
@keyframes scale-three2{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.5);opacity:0}}
@-webkit-keyframes scale-three2{0%{-webkit-transform:scale(1);opacity:.7}100%{-webkit-transform:scale(1.3);opacity:0}}
@-moz-keyframes scale-three2{0%{-moz-transform:scale(1);opacity:.7}100%{-moz-transform:scale(1.3);opacity:0}}
@-o-keyframes scale-three2{0%{-o-transform:scale(1);opacity:.7}100%{-o-transform:scale(1.3);opacity:0}}
.bj_form{background-color: #fff;}
.bj_form .huxing_wrap {position: relative}
.bj_form .huxing_show {position: relative;width: 100%;height: 40px;line-height: 40px;border: 1px solid #ddd;box-sizing: border-box;}
.bj_form .huxing_show:after {content: ' ';position: absolute;top: 15px;right: 6px;border-top: 6px solid #666;border-right: 3px solid transparent;border-bottom: 6px solid transparent;border-left: 3px solid transparent}
.bj_form .huxing_show span {display: inline-block;width: 40px}
.bj_form .huxing_show span:first-child {margin-left: 10px}
.bj_form .huxing {position: absolute;top: 37px;left: 0;display: none;width: 285px;border: 1px solid #ddd;background-color: #fff;z-index: 10;}
.bj_form .huxing li {float: left;width: 47px;margin-left: 10px; margin-bottom: 0px;text-align: center;}
.bj_form .huxing li:first-child {margin-left: 6px}
.bj_form .huxing li a {display: inline-block;width: 40px;text-align: center; margin: 5px 0;background-color: #f4f4f4;border-radius: 2px; padding: 4px 0px;}
.bj_form .huxing li a:hover {color: #333}
.bj_form .huxing li a.active:hover {color: #fff}
.bj_form .huxing .active {background-color: #e95959;color: #fff}
/* 关于中装 */
.about_navbg{width: 100%;overflow: hidden; border-bottom:1px solid #e5e5e5; padding: 18px 0px; text-align: center;margin-bottom: 10px;}
.about_navbg a{display: inline-block;padding: 0px 25px; color:#333;font-size: 15px;}
.about_navbg a:hover{color: #2e8bd8;}
.about_navbg a.cur{color: #2e8bd8;}
.about_itembox{width: 1200px; height: auto;overflow: hidden;min-height: 450px;margin: 0px auto;}
.about_conten{padding: 20px 25px 40px;overflow: hidden;font-size: 15px;color: #333;line-height: 25px;}
.about_conten p{padding: 2px 0px;}
/* 忘记密码 */
.reset_password{width: 920px; margin: 50px auto 0px;min-height: 350px;}
.reset_passwordlogo{width: 100%; height: 60px;}
.reset_passwordlogo .logo{width: 178px;height: 56px;display: inline-block;float: left;}
.reset_passwordlogo .tname{float: left;padding-left: 28px;font-size: 22px;color: #999;line-height: 60px;}

.reset_line {height: 50px; margin: 90px auto 80px;}
.reset_line ul li {float: left;width: 288px;position: relative;}
.reset_line ul li em {float: left;width: 25px;height: 25px;text-align: center;line-height: 25px;color: #fff;background-color: #ccc;border-radius: 50%;font-style: normal;}
.reset_line ul li b {width: 231px;height: 3px;background-color: #eee;content: '';position: absolute;top: 10px;left: 40px;overflow: hidden;}
.reset_line ul li span {position: absolute;top: 35px;width: 60px;left: -16px;text-align: center;font-size: 14px;color: #999;}
.reset_line ul li.last {width: 50px;}
.reset_line ul li.cur em{background-color: #2e8bd8;}
.reset_line ul li.cur span{color: #333;}

.reset_content{width: 380px; height: auto;overflow: hidden;margin: 0px auto;min-height: 350px;}
.reset_content ul li{margin-bottom: 15px;float: left;position: relative;}
.reset_content ul li span {float: left;width: 65px;height: 34px;text-align: left;line-height: 34px;color: #333;}
.reset_content ul li i{float: left;width: 250px;font-size: 13px;}
.reset_content ul li i b{color: #f00;}
.reset_content ul li .wlinput{border: 1px solid #ccc;width: 100%;height: 38px;line-height: 38px;box-sizing: border-box;padding: 0px 10px;}
.reset_content ul li .wlinput2{border: 1px solid #ccc;width: 100px;height: 38px;line-height: 38px;box-sizing: border-box;padding: 0px 10px;}
.reset_content ul li .wlbuton{border: 1px solid #2e8bd8;width: 100px;height: 38px;line-height: 38px;background-color: #2e8bd8;display: inline-block;text-align: center;color: #fff;}
/* 标书列表 */
.bslist{width: 100%;overflow: hidden;margin-bottom: 40px;}
.bslist ul li{width: 100%;float: left;overflow: hidden;border-bottom: 1px solid #e7e7e7;padding-bottom: 15px;padding-top: 15px;background: url(../img/zxgv_coin3.png)no-repeat left center;}
.bslist ul li a span{display: inline-block;padding-left: 15px;color: #333;float: left;}
.bslist ul li a span b{color: #c8b568;font-weight:normal;}
.bslist ul li a i{display: inline-block;float: right;color: #44b46c;}
.bslist ul li a font{display: inline-block;float: right;color: #f00;}
/* 标书详情 */
.bsviewbox{margin: 20px auto 10px;overflow: hidden; padding: 0px 20px;}
.bsviewtitle{width: 100%; padding: 15px 0px; text-align: center;border-bottom: 1px solid #e7e7e7;}
.bsviewtitle h2{font-size: 32px;color: #333;}
.bsviewtitle p{font-size: 14px;color: #999;padding-top: 10px;}
.bsviewcon{padding: 20px;overflow: hidden;font-size: 14px; color: #333; line-height: 24px;min-height: 350px;}
.bsviewcon p{padding: 2px 0px; line-height: 24px;}

/* 标书下载地址 */
.bslode{width: 100%; height: auto;overflow: hidden; margin: 20px auto;font-size: 15px;background: url(../img/zxgv_coin3.png)no-repeat left center;border-bottom: 1px solid #e7e7e7;padding: 15px 0px;}
.bslode a span{display: inline-block;padding-left: 15px;color: #44b46c;float: left;}
.bslode a i{display: inline-block;float: right; color: #f00;font-size: 14px;}

/* 标书竞标 */
.bsjbtile{text-align: center;font-size: 30px;padding: 15px 0px;}
/* 投票 */
.sj_votebot{width: 280px;height: 50px;background-color: #44b46c;line-height: 50px;text-align: center;color: #fff;font-size: 25px;margin: 20px auto 40px;border-radius: 6px;}
.sj_votebot.red{background-color: #f00;}
/* 投票设计人详情 */
.v-viewbox{width: 88%;height: auto;margin: 3% auto 0px;overflow: hidden;padding: 3%;border: 1px solid #dedede;position: relative;}
.v-viewph{width: 100%;height: auto;overflow: hidden;}
.v-viewphleft{width: 200px;height: 200px;float: left;overflow: hidden;}
.v-viewphleft img{width: 100%;}
.v-viewphrig{width: 72%;float: right;overflow: hidden;margin-top: 5px;}
.v-viewphrig p.p1{color: #999;font-size: 16px;line-height: 30px;}
.v-viewphrig p.p1 i{color: #0cb46a;}
.v-viewphrig p.p1 span{color: #e95959;font-size: 25px;}
.v-viewphrig p.p2{width:250px;height: 48px;background-color: #e95959;color: #fff;font-size:20px;line-height: 48px;text-align: center;margin-top: 8px;}
.v-viewphrig p.p3{color: #999;line-height: 24px;font-size: 16px;}
.v-viewphrig p.p3 i{font-size: 14px;}
.designer-intro i{color: #e95959;font-weight: bold;}
.timespan{position: absolute;top: 0px; right: 0px;font-size: 16px;color: #fff;background-color: #c8b568;line-height: 40px;padding: 0px 15px;}
.vo-endtime{background-color: #999 !important;border: 1px solid #999 !important;}
.v-piclist{width: 88%; height: auto;overflow: hidden;margin: 0px auto 0px;padding: 3%;}
/* 关于我们内页 */
.cl_about{width: 1300px;height: auto;overflow: hidden;margin: 30px auto;}
.cl_left{width: 300px;float: left;overflow: hidden;}
.cl_nav{width: 100%;height: auto;overflow: hidden;margin: 5px auto;}
.cl_nav ul li{width: 100%;float: left;border-bottom: 1px dashed #ababab;line-height: 46px;background: url(../img/ssower.jpg)no-repeat left center;}
.cl_nav ul li a{display: block;padding-left: 12px;font-size: 16px;color: #333;background: url(../img/sorrb.png)no-repeat 97% center;}
.cl_nav ul li:hover{background:linear-gradient(to right,#3da608 18%,#8dcf0f 100%);}
.cl_nav ul li:hover a{color: #fff;}
.cl_nav ul li.cur{background:linear-gradient(to right,#3da608 18%,#8dcf0f 100%);}
.cl_nav ul li.cur a{color: #fff;}
/* 动态 */
.rlist ul li{width: 100%;float: left;border-bottom: 1px dashed #aeaeae; line-height: 35px;background: url(../img/ssower.jpg)no-repeat left center;font-size: 14px; }
.rlist ul li a span{display: inline-block;float: left; width: 95%;padding-left: 13px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #333;}
.rlist ul li:hover a span{color: #3da608;}
/* 右侧 */
.cl_right{width: 979px;float: right;overflow: hidden;height: auto;}
.cl_location{width: 100%;border: 1px solid #389a06;overflow: hidden;height: 38px;box-sizing:border-box;line-height: 38px;}
.cl_location span{display:inline-block;float: left; padding: 0px 25px;background:linear-gradient(to right,#3da608 18%,#8dcf0f 100%);font-size: 18px;color: #fff;}
.cl_location i{display:inline-block;float: right;font-size: 14px; padding-right: 15px;}
.cl_location i a{color: #333;}
.cl_location i a:hover{color: #389a06;}
.about_onecon{width:100%;height: auto;overflow: hidden;margin: 30px auto 0px; font-size: 15px;color: #333; line-height: 36px;min-height: 350px;box-sizing: border-box;padding: 0px 10px;}
/* 内页列表新闻 */
.cl_newsbox{width: 100%;height: auto;overflow: hidden;margin: 30px auto 0px; min-height: 350px;}

.yw_listc{width: 1300px;height: auto;overflow: hidden;margin: 20px auto 20px;}
.fw_list2{width: 100%;height: auto;margin: 43px auto 0px;}
.fw_list2 ul li{width:23%;float: left;margin: 0px 15px 25px;background: url(../img/pro_botton1.png)no-repeat bottom center ;position: relative;padding-bottom: 12px;transition:0.5s;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.04);}
.fw_list2 ul li a .pic{width: 100%;height: 210px;overflow: hidden; text-align: center;}
.fw_list2 ul li a .pic img{width: 100%;}
.fw_list2 ul li a .txt{padding: 15px 12px 18px 30px;overflow: hidden;background-color: #fff;}
.fw_list2 ul li a .txt .tt{font-size: 22px;font-weight: bold;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 6px;}
.fw_list2 ul li a .txt p.p1{font-size: 14px;line-height: 24px;color: #333; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;height: 54px;}
.fw_list2 ul li a .txt p.p2{height: 30px;width: 102px;border: 1px solid #333;color: #333;font-size: 16px; text-align: center;line-height:32px;margin-top: 10px;margin-bottom: 25px;}
.fw_list2 ul li .fwli_coin{width:63px;height: 54px;position: absolute;right: 12px;bottom: 18px;}
.fw_list2 ul li:first-child{margin-left: 0px;}
.fw_list2 ul li:last-child{margin-right: 0px;}
.fw_list2 ul li:hover{margin-top: -10px;}
.fw_list2 ul li:hover a .txt .tt{color: #3a6090;}

/* 案例展示 */
.cl_casebox{width:100%;height: auto;overflow: hidden;margin: 0px auto 0px;}
.cl_casebox ul li{width: 31.7%;float: left;margin: 0px 0.8% 1.5%;overflow: hidden;}
.cl_casebox ul li a .pic{width: 100%;height: 206px;overflow: hidden;text-align: center;}
.cl_casebox ul li a .pic img{width: 100%;-webkit-animation: a_zoom-in .7s ease both;animation: a_zoom-in .7s ease both;}
.cl_casebox ul li a p{font-size: 15px;color: #333;background-color: #f1f1f1;line-height: 45px;text-align: center;height: 45px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.cl_casebox ul li:hover a p{background:linear-gradient(to right,#3da608 18%,#8dcf0f 100%);color: #fff;}
.cl_casebox ul li:hover a .pic img{-webkit-animation: a_zoom-in-h .7s ease both;animation: a_zoom-in-h .7s ease both;}

/* 招贤 */
#help{width: 100%;height: auto;margin: 0px auto;}
#help dt{cursor:pointer; color:#515151; font-size:15px;margin-bottom:10px;border-radius: 6px;height: 50px;background: url(../img/zx_coin1.png)no-repeat 98% center #f2f2f2;line-height: 50px; }
#help dd{ display:none;color:#515151; padding:5px 25px; margin-bottom:20px;margin-bottom:20px; }
#help dt,#help dd{ position:relative;}
#help dd .titzx{width: 100%;font-size: 15px;font-weight: bold;line-height: 35px;}
#help dd .titzxcon{width: 100%;margin: 10px auto;overflow: hidden;line-height:25px;font-size:15px; }

#help dt span.span1{display: inline-block;width: 38%;float: left;margin-left: 2%;font-weight: bold;}
#help dt span.span2{display: inline-block;width: 20%;float: left;font-size: 14px;}
#help dt span.span3{display: inline-block;width: 20%;float: left;font-size: 14px;}
#help dt span.span4{display: inline-block;width: 20%;float: left;font-size: 14px;}
#help dt.active{background: url(../img/zx_coin2.png)no-repeat 98% center #72c10c;color: #fff;}

/* 联系我们 */
.cl_contanbg{width:100%;height: auto;overflow: hidden;margin: 45px auto 80px;}
.cl_conleft{width: 530px;height: 360px;float: left;border: 1px solid #3da608;overflow: hidden;}
.cl_conright{width: 420px;height: auto;float: right;overflow: hidden;margin-top: 40px;}
.cl_conright p.p1{background: url(../img/c_c1.png)no-repeat left center;font-size: 22px;color: #3a6090;font-weight: bold;line-height: 52px;margin-bottom: 20px;}
.cl_conright p.p2{background: url(../img/c_c2.png)no-repeat left center;font-size: 22px;color: #3a6090;font-weight: bold;line-height: 52px;margin-bottom: 20px;}
.cl_conright p.p3{background: url(../img/c_c3.png)no-repeat left center;font-size: 22px;color: #3a6090;font-weight: bold;line-height: 52px;margin-bottom: 20px;}
.cl_conright span{display: inline-block;padding-left: 65px;}
/*内页*/
.nbanner{width: 100%;height: auto;overflow: hidden; text-align: center;}
.navlistbg{width: 100%;height: 58px; background-color: #3a6090; overflow: hidden; text-align: center;}
.navlist{width: 1300px;height: auto;overflow: hidden;margin: 0px auto;}
.navlist a{display: inline-block; margin: 0px 10px; font-size: 20px; color: #fff; line-height: 58px;font-weight: bold;padding: 0px 30px;}
.navlist a.cur,.navlist a:hover{background-color: #335683;}

/*新闻样式*/
.cnewslit{overflow:hidden; width:1300px;height: auto; min-height:350px;margin: 45px auto;}
.cnewslit ul li{ width:100%; border-bottom:1px dashed #cbcbcb; overflow:hidden; float:left; padding:20px 0px;}
.cnewslit ul li a .time{ width:100px; height:115px; float:left; color:#a9a9a9; margin-right:20px;}
.cnewslit ul li a .time p.p1{ text-align:center; font-size:26px; line-height:38px; padding-top:20px}
.cnewslit ul li a .time p.p2{ text-align:center; font-size:18px; line-height:25px;}
.cnewslit ul li a .pic{ width:185px; height:115px; text-align:center; float:left;overflow:hidden }
.cnewslit ul li a .pic img{ height:100%}
.cnewslit ul li a .text{ width:980px; float:right; overflow:hidden;margin-top: 7px;}
.cnewslit ul li a .text p.p1{ font-size:17px; color:#333333; line-height:35px;}
.cnewslit ul li a .text p.p2{ font-size:14px; color:#666666; line-height:25px;}
.cnewslit ul li a .text p.p3{ font-size:13px; color:#c8c8c8; padding-top:5px; line-height:25px; text-transform:uppercase}
.cnewslit ul li:hover a .time p.p1{ color:#3a6090}
.cnewslit ul li:hover a .time p.p2{ color:#3a6090}
.cnewslit ul li:hover a .text p.p1{ color:#3a6090}
.cnewslit ul li:hover a .text p.p3{ color:#3a6090}



/* 详情 */
.view_list_box{ width:100%; height:auto; overflow:hidden; padding:60px 0px 35px;}
.view_list_title{ width:100%;text-align:center; overflow:hidden; margin-top: 30px;}
.view_list_title h1{font-size: 22px;color: #333;font-weight: bold;text-align: center;}
.view_list_title .fb-time{text-align: right;margin-top: 25px;margin-bottom: 20px;}
.view_list_title .fb-time span{font-size: 13px;color: #999;display: inline-block;margin: 0 8px;}




.view_con{padding: 20px 15%; height: auto;overflow: hidden; position: relative;}
.view_con .title{ width:100%; margin-bottom:20px;}
.view_con .title h2{ text-align:center;font-size:22px; line-height:60px; display:inline-block; width:100%; color:#d4b686; font-weight: normal;}
.view_con .title h2 span.span3{display: inline-block; border-bottom: 1px solid #d4b686;}
.view_con .title span.span2{ font-size:12px;line-height:25px;display:inline-block; width:100%}
.view_con .title span.span2 i{ display:inline-block; float:right; color: #878787;}

.n_con_w{ line-height:30px; font-size:15px; color:#333;min-height:480px; padding: 0px 10px;}
.n_con_w p{ padding:2px 0px; line-height:30px;}
.n_con_w img{max-width: 850px;}






.view_page{ width:100%; height:auto; overflow:hidden; margin:20px auto; font-size:15px; border-top: 1px solid #eaeaea; padding-top: 20px; text-transform:capitalize;}
.view_page_left{ width:50%; float:left; overflow:hidden; text-align:left;color:#3da608}
.view_page_left a{ color:#878787}
.view_page_left a:hover{ color:#3da608}
.view_page_right{ width:50%; float:right; overflow:hidden; text-align:right;color:#3da608}
.view_page_right a{ color:#878787}
.view_page_right a:hover{ color:#3da608}
/*在线客服*/
.rides-cs {  font-size: 12px;  position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 45px; float:left; position: relative; z-index:1;height: 215px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; overflow:hidden; }
.rides-cs .floatR .cn {background:#fefefe; border-radius:0px;margin-top:20px; padding:9px 0px;}
.rides-cs .cn .titZx{ padding:5px;text-align:center; border-bottom:2px solid #005ba8; padding-bottom:10px;}
.rides-cs .cn .zsrx{ padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../img/zxkf.png); background-repeat: no-repeat; display:block;  height: 215px;; padding: 8px;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}

/* leftsead  返回顶部*/
#leftsead{width:131px;height:143px;position:fixed;top:258px;right:0px;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:53px; position:relative}
#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}
#leftsead li .tel{ position:absolute; top:0px; left:0%; color:#000; font-size:16px; font-weight:bold; line-height:53px;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand;display:none; }
#leftsead li a.youhui .hides{display:none;position:absolute;right:216px;top:2px;}


/*leftsead 返回顶部*/
.right_sead{ width:186px; height:638px;background:url(../img/img/right_contan_bg.png) no-repeat top center; overflow:hidden}
.right_sead .titlename{ padding-left:25px; font-size:22px; font-weight:bold; color:#070505; padding-top:20px;}
.right_sead .qqlist{ width:148px; height:auto; margin:28px auto 0px; overflow:hidden}
.right_sead .qqlist ul li{ width:100%; height:40px; background:url(../img/img/right_seadqqbg.png) no-repeat center; margin:12px 0px;}
.right_sead .qqlist ul li a{ font-weight:bold; font-size:14px; color:#070505; line-height:31px;}
.right_sead .qqlist ul li a span{ display:inline-block; width:19px; height:23px; float:left; margin:5px 7px 0px 12px}
.right_sead .qqlist ul li a i{ display:inline-block; float:left;}
.right_sead .teltxt{width:135px; height:auto; margin:30px auto 0px; overflow:hidden; font-weight:bold;color:#333;}
.right_sead .teltxt p.p1{ font-size:14px;line-height:32px}
.right_sead .teltxt p.p2{ font-size:18px;line-height:23px}
.right_sead .ewmpic{ width:134px; height:134px; margin:60px auto 0px; overflow:hidden; text-align:center}
.right_sead .ewmpic img{ width:100%; height:100%}
.right_sead .ewmname{width:135px; height:auto; margin:10px auto 0px; overflow:hidden; text-align:center;font-weight:bold; font-size:14px; color:#333}
.right_sead .backtop{ width:100%;margin-top:0px; line-height:50px;text-align:center; font-size:16px; font-family:Arial; font-weight:bold}
.right_sead .backtop a{ display:block; color:#333}
.right_sead .right_seadtitle{ margin:17px 16px 0px; overflow:hidden; font-size:14px; line-height:28px; color:#333}


/***********可展开搜索悬浮**************/
.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:186px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:186px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../img/img/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:left; display:block; width:21px; height:16px; margin:7px 0px 0 17px; _margin:7px 0px 0 17px;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../img/img/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */

.side_center, .side_blue .side_center {background:url(../img/img/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../img/img/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}