@charset "utf-8";
html{font-size:62.5%;min-height:100vh;}
body{font-size:1.4em; font-family:"微软雅黑";width:100%;color:#000;background-color: #fff;min-height:100vh;}
body,tr,td,table,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,input,p,span,div,a{ padding:0; margin:0;font-weight:normal;}
a{ text-decoration:none; color:#000000;outline:none;}
a:hover{text-decoration:none;color:#cc0000;}
img{padding:0px; margin:0px; border:0px;}
ul li{list-style:none;}
input{outline:none;border:none;}
option{outline:none;}
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{
    clear:both;
}
.clearfix{
    *zoom:1;
} 
.clear { clear: both; margin: 0 auto;}
.max{width: 100%;max-width:750px;margin:0 auto;padding:0px;position:relative;min-height:100%;}
.balk{width:100%;height:10px;background:#f1f1f1;}
.trans-bg{width:100%;height:100vh;background:rgba(0,0,0,0.6);position:fixed;top:0;right:0;z-index:99;display:none;}


.commstar {
    background: url("../images/star.png") repeat-x scroll 0 -21px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 21px;
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    width: 105px;
}
.commstar i {
    cursor: pointer;
    display: inline-block;
    height: 21px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20%;
}
.commstar .star1 {
    width: 20%;
    z-index: 9;
}
.commstar .star2 {
    width: 40%;
    z-index: 8;
}
.commstar .star3 {
    width: 60%;
    z-index: 7;
}
.commstar .star4 {
    width: 80%;
    z-index: 6;
}
.commstar .star5 {
    width: 100%;
    z-index: 5;
}
.commstar .active {
    background: url("../images/star.png") repeat-x scroll left top rgba(0, 0, 0, 0);
}
.commstar .active {
    background: url("../images/star.png") repeat-x scroll left top rgba(0, 0, 0, 0);
}





.header-line{width:100%;margin:0 auto;height:88px;display:none;opacity:0;}

.service-nav{width:280px;height:140px;border-radius: 8px;background:#fff;position:fixed;top:50%;left:50%;margin-top:-60px;margin-left:-140px;z-index: 101;display:none;opacity:0;}
.service-nav li{width:50%;float:left;height:100px;border-bottom:#eee solid 1px;}
.service-nav li:first-child{border-right:#eee solid 1px;}
.service-nav li a{float:left;width:100%;}
.service-nav li a img{width:48px;height:48px;display:block;margin:10px auto;}
.service-nav li a p{width:100%;font-size:14px;color:#666;line-height:20px;text-align:center;}
.service-nav h6{width:100%;font-size:14px;color:#ff6600;line-height:40px;text-align:center;}












.index-banner{width:100%;margin:0 auto;}
.focus{ width:100%; margin:0 auto; position:relative; overflow:hidden;   }


.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:96px; text-align:right;  }
.focus .hd ul{ display:inline-block; height:8px; font-size:0; vertical-align:top;margin-right:2.5%;}
.focus .hd ul li{ display:inline-block; width:8px; height:8px;border:#ff6600 solid 1px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#eee; margin:0 3px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{background:#ff6600; width:8px;height:8px;border:#fff solid 1px; border-radius:50%; position:relative;}

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; background:url(images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);   }




.home-shortcut{width:95%;margin:-88px 2.5% 0 2.5%;background:#fff;border-radius:8px;position:relative;z-index:2;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.2);box-shadow: 0 4px 12px rgba(0,0,0,0.2);}
.sct-title{width:100%;float:left;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;}
.sct-title ul li{width:33.3%;float:left;background:#f5f5f5;font-size:28px;color:#a0a4a2;text-align:center;line-height:70px;}
.sct-title ul li.active-nav{color:#333;background:#fff;}
.sct-cont{width:100%;float:left;overflow:hidden;}
.sct-cont dl{width:100%;}
.sct-cont dl dd{width:100%;background:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.sct-cont dl dd .sct-nav{width:100%;padding-top:32px;padding-bottom:10px;}
.sct-cont dl dd .sct-nav li{float:left;width:25%;margin-bottom:20px;}
.sct-cont dl dd .sct-nav li a{float:left;width:100%;text-align:center;}
.sct-cont dl dd .sct-nav li a img{max-width:100%;display:block;margin:0 auto;}
.sct-cont dl dd .sct-nav li a h5{width:100%;font-size:24px;color:#333;line-height:30px;margin-top:10px;text-align:center;}

.sct-cont dl dd .space-renew{width:100%;padding:30px 2.5% 0 2.5%;overflow:hidden;}
.sct-cont dl dd .space-renew ul li{width:48.8%;margin-left:2.4%;float:left;margin-bottom:20px;}
.sct-cont dl dd .space-renew ul li:nth-child(odd){margin-left:0;}
.sct-cont dl dd .space-renew ul li a{width:100%;float:left;}
.sct-cont dl dd .space-renew ul li a .pic{width:100%;float:left;}
.sct-cont dl dd .space-renew ul li a .pic img{width:100%;float:left;}
.sct-cont dl dd .space-renew ul li a .txt{width:100%;float:left;border:#eee solid 1px;border-top:none;padding:12px 2%;}
.sct-cont dl dd .space-renew ul li a .txt h5{float:left;width:68%;font-size:24px;color:#333;line-height:28px;height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sct-cont dl dd .space-renew ul li a .txt span{width:30%;float:right;border:#a3a3a3 solid 1px;border-radius:16px;height:30px;color:#333;font-size:18px;line-height:28px;text-align:center;}
.loading-more{width:168px;height:48px;border:#a0a0a0 solid 1px;border-radius:24px;margin:10px auto 30px auto;}
.loading-more a{width:100%;display:block;font-size:22px;color:#333;line-height:48px;text-align:center;}


.home-order{width:100%;margin:0 auto;}
.order-title{width:95%;margin:24px 2.5%;height:76px;background:#fff;border-radius:38px;}
.order-title em{float:left;width:40%;margin-left:2%;height:100%;vertical-align:middle;}
.order-title em span{display:inline-block;height:100%;vertical-align:middle;}
.order-title em img{display:inline-block;max-width:100%;vertical-align:middle;}
.order-title p{float:right;width:50%;margin-right:4%;font-size:24px;color:#333;line-height:70px;text-align:right;}
.order-title p span{display:inline-block;width:60px;height:44px;color:#fff;background:#ff6600;line-height:44px;text-align:center;margin-left:4px;margin-right:4px;border-radius:4px;vertical-align:middle;}
.order-in{width:100%;background:#fff;padding:30px 2.5%;}
.order-in input{width:100%;float:left;height:72px;border:#e5e5e5 solid 1px;margin-bottom:20px;text-indent:3%;font-size:24px;-moz-box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);}
.order-in input.order-submit{margin-top:10px;background:#007ab6;font-size:28px;color:#fff;box-shadow:none;border:none;}
.order-in h6{font-size:24px;width:100%;float:left;color:#999;line-height:36px;text-align:center;font-weight:300;margin-bottom:10px;}
.order-in h6 i{font-style:normal;color:#007ab6;}
#dropdown{width:100%;float:left;height:40px;background:#fff;margin-bottom:15px;}
#dropdown select{float:left;width:100%; height:40px;border:#e5e5e5 solid 1px;background:url(../images/icon-down07.png) no-repeat 96% center;padding-left:10px;appearance:none;-moz-appearance:none;-webkit-appearance:none;font-size:12px;color:#777;line-height:44px;-moz-box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);}
.order-in select::-ms-expand{ display: none;border:none;}
#dropdown select option{padding-left:10px;font-size:12px;color:#777;height:40px;line-height:40px;padding-top:9px;}


.home-design{width:100%;margin:0 auto;background:#fff;margin-top:20px;}
.home-pub-title{width:100%;float:left;margin-top:30px;padding:0 2.5%;}
.home-pub-title h3{float:left;width:40%;font-size:32px;color:#333;line-height:40px;font-weight:normal;}
.home-pub-title h3 i{float:left;width:8px;height:25px;margin-top:8px;background:#ff6633;border-radius:4px;margin-right:10px;}
.home-pub-title a{float:right;width:50%;font-size:24px;color:#ff6600;text-align:right;padding-right:16px;background:url(../images/icon-right01.png) no-repeat right center;line-height:40px;}

.home-pub-nav{width:95%;float:left;margin:25px 2.5%;}
.home-pub-nav li{text-align:center;}
.home-pub-nav li a{display:inline-block;font-size:28px;color:#999;padding:8px 16px;line-height:32px;border:transparent solid 1px;}
.home-pub-nav li:hover a{border-radius:4px;color:#f39800;border:#f39800 solid 1px;}
.home-pub-nav li.cur a{border-radius:4px;color:#f39800;border:#f39800 solid 1px;}

.home-design-list{width:100%;float:left;padding:0 2.5%;margin-bottom:20px;}
.home-design-list li{width:49%;margin-left:2%;float:left;margin-bottom:20px;}
.home-design-list li:nth-child(odd){margin-left:0;}
.home-design-list li a{width:100%;float:left;}
.home-design-list li a img{width:100%;float:left;}
.home-design-list li a h6{width:100%;float:left;font-size:24px;color:#333;line-height:48px;text-align:center;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-design-list li a span{width:30px;float:right;font-size:10px;color:#fff;line-height:30px;border-radius:50%;height:30px;background:rgba(0,0,0,0.5);text-align:center;margin-top:-30px;}



.home-judge-list{width:100%;margin:0 auto;float:left;padding:0 2.5%;margin-bottom:20px;}
.home-judge-list dl,.home-judge-list dl dd{width:100%;float:left;background:#fff;}
.home-judge-list dl dd{padding-bottom:20px;border-bottom:#e7e7e7 solid 1px;margin-bottom:20px;}
.home-judge-list dl dd:last-child{border-bottom:none;}
.home-judge-list dl dd .mem-photo{float:left;width:94px;height:94px;border-radius:50%;overflow:hidden;}
.home-judge-list dl dd .mem-photo img{display:block;width:100%;height:100%;border-radius:50%;}
.home-judge-list dl dd .mem-title{width:calc(100% - 110px);float:right;}
.home-judge-list dl dd .mem-title h6{float:left;width:100%;font-size:28px;color:#333;line-height:30px;font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";font-weight:normal;}
.home-judge-list dl dd .mem-title h6 span{float:right;font-size:22px;}
.home-judge-list dl dd .mem-title .commstar{float:left;}
.home-judge-list dl dd .mem-title .judge-foot{width:100%;float:left;margin-top:8px;font-size:20px;color:#666;line-height:24px;}
.home-judge-list dl dd .mem-title .judge-foot p{float:left;margin-right:28px;}
.home-judge-list dl dd .mem-title .judge-foot p span{color:#999;}
.home-judge-list dl dd .judge-txt{width:100%;float:left;}
.home-judge-list dl dd .judge-txt .txt{float:left;width:100%;font-size:24px;color:#666;line-height:40px;margin-top:10px;}
.home-judge-list dl dd .judge-txt .pic{float:left;width:100%;margin-top:16px;}
.home-judge-list dl dd .judge-txt .pic figure{margin:0;padding:0;float:left;}
.home-judge-list dl dd .judge-txt .pic li a{float:left;width:100%;}
.home-judge-list dl dd .judge-txt .pic li a img{display:block;width:100%;}


.home-bk-nav{width:95%;float:left;margin:25px 2.5%;}
.home-bk-nav li{border-radius:8px;overflow:hidden;}
.home-bk-nav li a{width:100%;float:left;position:relative;}
.home-bk-nav li a .pic{display:block;width:100%;}
.home-bk-nav li a .pic img{display:block;width:100%;}
.home-bk-nav li a .txt{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.45);}
.home-bk-nav li a .txt p{width:100%;float:left;font-size:36px;color:#fff;line-height:40px;margin-top:30%;text-align:center;}
.home-bk-nav li a .txt span{float:left;width:30%;height:2px;background:#fff;margin-left:35%;margin-top:6%;}

.home-bk-list{width:100%;float:left;padding:0 2.5%;margin-bottom:20px;}
.home-bk-list li{width:100%;float:left;padding:20px 0;border-top:#ccc solid 1px;}
.home-bk-list li a{width:100%;height:100%;float:left;position:relative;}
.home-bk-list li a .pic{width:30%;float:left;}
.home-bk-list li a .pic img{width:100%;float:left;}
.home-bk-list li a .txt{width:68%;float:right;height:100%;}
.home-bk-list li a .txt h4{float:left;width:100%;font-size:24px;color:#666;line-height:40px;height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.home-bk-list li a .txt span.date{position:absolute;bottom:0;left:32%;font-size:20px;color:#999;line-height:24px;display:block;}
.home-bk-list li a .txt span.read{position:absolute;bottom:0;right:0;font-size:20px;color:#999;line-height:24px;display:block;background:url(../images/icon-read.png) no-repeat left center;background-size:20px;text-indent:24px;}



.video-trans-bg{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;right:0;z-index: 99;display:none;}
.video-box{width:100%;height:240px;position:fixed;top:50%;right:0;margin-top:-120px;z-index:100;display:none;}

.home-video{width:95%;float:left;margin:12px 2.5%;position:relative;}
.video-pic{width:100%;float:left;}
.video-pic img{width:100%;display:block;}
.video-bg{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.45);}
.video-bg h2{width:100%;float:left;font-size:16px;line-height:24px;text-align:center;color:#fff;font-weight:normal;margin-top:6%;}
.video-bg p{width:100%;float:left;margin-bottom:6px;font-size:12px;line-height:18px;text-align:center;color:#fff;}
.video-bg span{width:100%;float:left;margin-top:6px;font-size:10px;line-height:18px;text-align:center;color:#fff;} 
.video-bg .play-btn{float:left;width:36px;height:36px;margin-left:calc(50% - 18px);}
.video-bg .play-btn img{width:100%;}

.home-news{width:95%;float:left;margin:20px 2.5%;}
.home-news li a{width:100%;float:left;}
.home-news li a .pic{width:100%;float:left;}
.home-news li a .pic img{width:100%;float:left;}
.home-news li a .txt{width:100%;float:left;}
.home-news li a .txt h6{float:left;width:100%;font-size:24px;color:#666;line-height:36px;height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-news li a .txt span{float:left;width:100%;font-size:20px;color:#999;line-height:30px;}


.home-course{width:100%;float:left;padding:0 2.5%;margin:20px auto;}
.home-course img{width:100%;display:block;}


.load-more{width:100%;background:#f8f8f8;margin:20px auto;}
.load-more a{display:block;width:100%;font-size:12px;color:#666;line-height:40px;text-align:center;}


.design-sort{width:100%;max-width:750px;background:#fff;margin:0 auto;position:relative;top:1px;z-index:8;}
.design-sort.scroll{position:fixed;top:50px;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.2);box-shadow: 0 4px 12px rgba(0,0,0,0.2);}
.des-sort-tit{width:100%;padding:0 2.5%;margin:0 auto;border-bottom:#f1f1f1 solid 1px;}
.des-sort-tit li{width:33.3%;float:left;font-size:28px;color:#333;line-height:70px;}
.des-sort-tit li span{display:inline-block;width:9px;height:5px;background:url(../images/icon-down01.png) no-repeat center;background-size:100%;  margin-left:4px;vertical-align:middle;transition:0.6s;}
.des-sort-tit li.cur{color:#ff6600;}
.des-sort-tit li.cur span{background:url(../images/icon-down02.png) no-repeat center;background-size:100%;transition:0.6s;}
.des-sort-cont{width:100%;padding:0 2.5%;position:absolute;top:71px;left:0;z-index:8;background:#fff;}
.des-sort-cont ul{overflow-y:scroll;}
.des-sort-cont li{width:100%;float:left;border-bottom:#f1f1f1 solid 1px;}
.des-sort-cont li:last-child{margin-bottom:30px;}
.des-sort-cont li a{float:left;width:100%;}
.des-sort-cont li p{float:left;width:80%;font-size:24px;color:#666;line-height:60px;height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.des-sort-cont li i{float:right;width:20%;height:60px;background:url(../images/arr.png) no-repeat right center;background-size:24px;display:none;}
.des-sort-cont li.selec i{display:block;}

.des-list{width:100%;padding:0 2.5%;margin:0 auto;padding-bottom:20px;}
.des-list li{width:49%;float:left;margin-left:2%;margin-top:20px;}
.des-list li:nth-child(odd){margin-left:0;}
.des-list li a{float:left;width:100%;}
.des-list li a .pic{float:left;width:100%;}
.des-list li a .pic img{display:block;width:100%;}
.des-list li a .txt{float:left;width:100%;}
.des-list li a .txt h5{float:left;width:70%;font-size:24px;color:#666;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.des-list li a .txt span{float:left;width:30%;font-size:24px;color:#666;text-align:right;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.des-detail{width:100%;height:100vh;margin:0 auto;background:#000;}
.des-detail li{width:100%;height:100%;display: -webkit-flex; 
    -webkit-align-items: center; 
    display: flex;
    align-items: center;}
.des-detail li img{vertical-align:middle;max-width:100%;max-height:100%;text-align:center;margin:0 auto;}
.des-detail .swiper-pagination-fraction{color:#999;top:20px;bottom:auto;}

.des-foot{width:100%;background:rgba(255,255,255,0.3);padding:12px 2.5%;position:fixed;bottom:0;right:0;z-index: 9;-webkit-transition:all .5s ease;transition:all .5s ease;}
.des-title{width:100%;}
.des-title h3{float:left;font-size:14px;color:#eee;line-height:20px;width:60%;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.des-title a{float:right;margin-right:6px;width:48px;height:20px;border:#02fba0 solid 1px;border-radius:10px;font-size:10px;color:#02fba0;line-height:20px;text-align:center;}
.des-title a.sort-imp{border:#ff3300 solid 1px;color:#ff3300;}

.des-btn{width:100%;height:36px;background:#ff3300;border-radius: 8px;}
.des-btn a{display:block;width:100%;height:100%;font-size:14px;line-height:36px;text-align:center;color:#fff;margin-top:8px;}
.openMenu .des-foot{right:360px;-webkit-transition:all .5s ease;transition:all .5s ease;}



.designer-sort{width:100%;max-width:750px;background:#fff;margin:0 auto;position:relative;top:1px;z-index:8;}
.designer-sort.scroll{position:fixed;top:87px;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.2);box-shadow: 0 4px 12px rgba(0,0,0,0.2);}
.deser-sort-tit{width:100%;padding:0 2.5%;margin:0 auto;border-bottom:#f1f1f1 solid 1px;}
.deser-sort-tit li{width:33.3%;float:left;font-size:28px;color:#333;line-height:70px;}
.deser-sort-tit li a{font-size:28px;color:#333;line-height:70px;}
.deser-sort-tit li span{display:inline-block;width:9px;height:8px;background:url(../images/icon-down05.png) no-repeat center;background-size:100%;  margin-left:4px;vertical-align:middle;transition:0.6s;}
.deser-sort-tit li.cur{color:#ff6600;}
.deser-sort-tit li.cur a{color:#ff6600;}
.deser-sort-tit li.cur span{background:url(../images/icon-down04.png) no-repeat center;background-size:100%;transition:0.6s;}
.deser-sort-tit li.cur span.up{transform: rotate(-180deg);transition:0.6s;}


.designer{width:100%;margin:0 auto;}
.designer dl{width:100%;}
.designer dt{width:100%;padding:24px 2.5%;float:left;border-top:#f1f1f1 solid 1px;position:relative;}
.designer dt a{width:100%;float:left;}
.designer dt a .photo{width:33%;min-width:118px;float:left;}
.designer dt a .photo img{width:100%;display:block;}
.designer dt a .txt{width:65%;max-width:calc(98% - 118px);float:right;}
.designer dt a .txt h4{width:100%;float:left;font-size:28px;line-height:32px;color:#333;margin-bottom:4%;}
.designer dt a .txt h6{width:100%;float:left;font-size:24px;color:#ff6600;line-height:32px;margin-bottom:6%;}
.designer dt a .txt h6 i{font-size:10px;font-style: normal;}
.designer dt a .txt p{width:100%;float:left;font-size:20px;color:#333;line-height:32px;height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.designer dt a .txt p span{color:#999;}
.designer dt a .txt .lht2{width:100%;float:left;font-size:20px;color:#333;line-height:32px;height:64px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.designer dt a .txt .lht2 span{color:#999;}
.designer dt .icon-recom{position:absolute;top:0;right:0;width:18%;min-width:72px;}
.designer dt .icon-recom img{width:100%;display:block;}
.designer dd{width:100%;padding:24px 2.5%;float:left;border-top:#f1f1f1 solid 1px;}

.recom dt a .txt h4{color:#ff6600;}

.des-case-list{float:left;width:100%;}
.des-case-list li a{float:left;width:100%;}
.des-case-list li a .pic{float:left;width:100%;}
.des-case-list li a .pic img{display:block;width:100%;}
.des-case-list li a .txt{float:left;width:100%;display:none;}
.des-case-list li a .txt h5{float:left;width:90%;font-size:24px;color:#666;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.des-foot-box{width:100%;height:90px;margin:0 auto;display:none;opacity:0;}
.designer-footer{width:100%;position:fixed;bottom:0;right:0;z-index:8;-webkit-transition:all .5s ease;transition:all .5s ease;}
.designer-footer a{float:left;width:50%;height:90px;background:#ff3300;font-size:32px;line-height:90px;text-align:center;color:#fff;}
.designer-footer a.dis-btn{background:#353535;}
.designer-footer a span{display:inline-block;width:48px;height:48px;margin-right:4px;vertical-align: middle;}
.designer-footer a span img{display:block;width:100%;}

.openMenu .designer-footer{right:360px;-webkit-transition:all .5s ease;transition:all .5s ease;}



.designer-photo{width:100%;margin:0 auto;position:relative;}
.designer-photo .des-bg-pic{width:100%;margin:0 auto;}
.designer-photo .des-bg-pic img{display:block;width:100%;}
.designer-photo .designer-top{width:100%;height:100%;text-align:center;position:absolute;top:0;right:0;overflow:hidden;}
.designer-photo .designer-top .pic{display:inline-block;width:160px;height:160px;margin-top:8%;border:#fff 3px solid;border-radius:50%; overflow:hidden;}
.designer-photo .designer-top .pic img{width:100%;display:block;}
.designer-photo .designer-top .txt{width:100%;}
.designer-photo .designer-top .txt h3{width:100%;float:left;color:#fff;font-size:28px;line-height:40px;}
.designer-photo .designer-top .txt h3 i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:4px;margin-right:4px;background:#fff;vertical-align:middle;}
.designer-photo .designer-top .txt h4{width:100%;float:left;text-align:center;margin-top:1%;margin-bottom:1%;}
.designer-photo .designer-top .txt h4 a{display:inline-block;width:96px;height:36px;background:#ff6201;border-radius:4px;font-size:20px;color:#fff;line-height:36px;text-align:center;}
.designer-photo .designer-top .txt h6{width:100%;float:left;color:#fff;font-size:24px;line-height:40px;}

.designer-nav{width:100%;padding:0 2.5%;margin:0 auto;}
.designer-nav li{width:33.3%;float:left;}
.designer-nav li a{display:inline-block;font-size:28px;color:#333;line-height:68px;border-bottom:2px solid transparent;}
.designer-nav li.cur a{color:#ff6600;border-bottom:2px solid #ff6600;}

.designer-detail{width:100%;margin:0 auto;padding:0 2.5%;}
.designer-detail .des-txt{width:100%;padding:20px 0;}
.designer-detail .des-txt .txt{float:left;width:100%;margin-top:16px;font-size:24px;color:#999;line-height:40px;}
.designer-detail .des-txt .txt h6{float:left;width:96px;font-size:24px;color:#333;line-height:40px;height:40px;text-align:justify;}
.designer-detail .des-txt .txt h6 span{display: inline-block ; padding-left: 100%;}
.designer-detail .des-txt .txt p{float:right;width:calc(98% - 96px);font-size:24px;color:#999;line-height:40px;}

.sign-list{width:100%;padding:20px 2.5%;background:#fff;}
.sign-list h2{float:left;width:100%;font-size:18px;color:#333;font-weight:normal;line-height:24px;margin-bottom:8px;}
.sign-list h2 i{float:left;width:3px;height:18px;background:#ff6600;margin-top:3px;margin-right:6px;border-radius:2px;}
.sign-list .title{background:#f5f5f5;color:#333;width:100%;padding:0 12px;float:left;font-size:14px;color:#666;line-height:40px;border-bottom:#f5f5f5 solid 1px;}
.sign-list .title p.left{float:left;text-align:left;width:54%;}
.sign-list .title p.center{float:left;text-align:center;width:28%;}
.sign-list .title p.right{float:right;text-align:right;width:18%;}
.sign-list ul{float:left;width:100%;margin-top:8px;}
.sign-list ul li{width:100%;float:left;font-size:14px;color:#666;padding:0 12px;line-height:40px;border-bottom:#f5f5f5 solid 1px;}
.sign-list ul li p.left{float:left;text-align:left;width:54%;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sign-list ul li p.center{float:left;text-align:center;width:28%;}
.sign-list ul li p.right{float:right;text-align:right;width:18%;}
.sign-list ul li.way p.right{color:#ffa000;}
.sign-list .bd21{float:left;width:100%;}


.des-case-title{width:100%;overflow:hidden;}
.des-case-title h3{float:left;width:100%;margin-top:20px;font-size:28px;color:#333;line-height:40px;}
.des-case-title h6{float:left;width:100%;background:url(../images/icon-add.png) no-repeat left center;text-indent:40px;font-size:24px;color:#666;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.mat-sort{width:100%;max-width:750px;background:#fff;margin:0 auto;position:relative;top:1px;z-index:8;}
.mat-sort.scroll{position:fixed;top:50px;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.2);box-shadow: 0 4px 12px rgba(0,0,0,0.2);}
.mat-sort-tit{width:100%;padding:0 2.5%;margin:0 auto;border-bottom:#f1f1f1 solid 1px;}
.mat-sort-tit li{width:33.3%;float:left;font-size:28px;color:#333;line-height:70px;}
.mat-sort-tit li span{display:inline-block;width:9px;height:5px;background:url(../images/icon-down01.png) no-repeat center;background-size:100%;  margin-left:4px;vertical-align:middle;transition:0.6s;}
.mat-sort-tit li.cur{color:#ff6600;}
.mat-sort-tit li.cur a{color:#ff6600;}
.mat-sort-tit li.cur span{background:url(../images/icon-down02.png) no-repeat center;background-size:100%;transition:0.6s;}
.mat-sort-cont{width:100%;padding:0 2.5%;position:absolute;top:71px;left:0;z-index:8;background:#fff;}
.mat-sort-cont ul{overflow-y:scroll;}
.mat-sort-cont li{width:100%;float:left;border-bottom:#f1f1f1 solid 1px;}
.mat-sort-cont li:last-child{margin-bottom:30px;}
.mat-sort-cont li a{float:left;width:100%;}
.mat-sort-cont li p{float:left;width:80%;font-size:24px;color:#666;line-height:60px;height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mat-sort-cont li i{float:right;width:20%;height:60px;background:url(../images/arr.png) no-repeat right center;background-size:24px;display:none;}
.mat-sort-cont li.selec i{display:block;}

.mat-order{width:90%;position:fixed;height:280px;background:#fff;padding:20px;left:5%;top:50%;margin-top:-140px;border-radius:8px;z-index:101;display:none;}
.mat-order .order-title h3{float:left;width:100%;font-size:28px;color:#ff6600;line-height:40px;text-align:center;}
.mat-order-close{position:absolute;top:0;right:0;width:40px;height:40px;background:url(../images/navclose.png) no-repeat center;background-size:24px;}


.order-point{display: block;position: relative;top:-90px;visibility: hidden;}

.space-box{width:100%;margin:0 auto;min-height:300px;}
.space-box img{width:100%;max-width:100%;}
.space-box .order-title h3{float:left;width:100%;font-size:28px;color:#ff6600;line-height:40px;text-align:center;}
.space-box .order-title p{float:left;width:100%;font-size:14px;color:#999;line-height:24px;text-align:center;margin-top:4px;margin-bottom:12px;}
.space-box .order-title p i{display:inline-block;width:24px;height:24px;margin-left:4px;margin-right:4px;border-radius:4px;background:#ff6600;font-size:14px;color:#fff;text-align:center;line-height:24px;font-style:normal;}
.space-pic{width:100%;margin:0 auto;}
.space-pic img{width:100%;max-width:100%;display:block;}

.service-title{width:100%;margin:0 auto;border-bottom:#f1f1f1 solid 1px;}
.service-title li{font-size:16px;color:#666;border-bottom:transparent solid 2px;line-height:40px;text-align:center;}
.service-title li.active-nav{border-bottom:#ff6600 solid 2px;color:#ff6600;}

.question-list{width:100%;margin:0 auto;padding:20px 2.5%;background:#fff6e9;margin-bottom:20px;}
.question-list .ques-tit{width:100%;}
.question-list .ques-tit h3{float:left;width:100%;font-size:16px;color:#333;line-height:30px;text-align:center;}
.question-list .ques-tit p{float:left;width:100%;font-size:12px;color:#999;line-height:20px;text-align:center;}
.question-list li{width:100%;float:left;margin-top:16px;}
.question-list li h4{width:100%;float:left;margin-bottom:6px;}
.question-list li h4 i{width:16px;float:left;height:16px;background:#ff6600;border-radius:4px;margin-top:2px;margin-right:4px;font-size:10px;color:#fff;line-height:16px;font-style:normal;}
.question-list li h4 p{width:calc(100% - 24px);float:left;font-size:10px;color:#ff6600;line-height:20px;}
.question-list li h6{width:100%;float:left;}
.question-list li h6 i{width:16px;float:left;height:16px;background:#0099ff;border-radius:4px;margin-top:2px;margin-right:4px;font-size:10px;color:#fff;line-height:16px;font-style:normal;}
.question-list li h6 p{width:calc(100% - 24px);float:left;font-size:10px;color:#666;line-height:20px;}


.ser-banner{width:100%;margin:0 auto;}
.ser-banner img{width:100%;max-width:100%;}

.ser-course-icon{width:100%;margin:0 auto;text-align:center;padding:10px 0 20px 0;}
.ser-course-icon a{width:17%;float:left;margin-right:2.5%;margin-left:2.5%;margin-top:10px;}
.ser-course-icon a img{width:90%;display:block;margin:0 auto;}
.ser-course-icon a p{width:100%;font-size:10px;color:#333;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ser-course-icon span{width:4%;height:20px;float:left;background:url(../images/icon-right02.png) no-repeat center top;background-size:100%;margin-top:9%;vertical-align:middle;}
.ser-course-icon a.course5{margin-left:15%;}
.ser-course-icon a.course5 p{margin-left:6%;width:110%;margin-left:-5%;}
.course1-1,.course2-1,.course3-1,.course4-1,.course5-1,.course6-1,.course7-1{display: block;position: relative;top:-50px;visibility: hidden;}


.ser-notice{width:100%;margin:0 auto;padding:20px 2.5%;}
.ser-pub-title{width:100%;}
.ser-pub-title h2{float:left;width:100%;font-size:16px;color:#333;line-height:24px;}
.ser-pub-title h2 i{float:left;width:4px;height:12px;background:#ff6633;border-radius:3px;margin-top:6px;margin-right:4px;}

.ser-notice-list{width:100%;margin-top:12px;}
.ser-notice-list li{width:20%;float:left;position:relative;}
.ser-notice-list li .pic{width:120px;height:120px;margin:0 auto;overflow:hidden;position:relative;border-radius:50%;}
.ser-notice-list li .pic img{width:100%;display:block;}
.ser-notice-list li .pic h4{width:100%;height:48px;background:url(../images/shadow.png) repeat-x;position:absolute;bottom:0;left:0;font-size:20px;color:#f5f5f5;text-align:center;line-height:50px;font-weight:normal;}
.ser-notice-list li .txt{width:100%;margin-top:12px;font-size:15px;color:#666;text-align:center;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.ser-design{width:100%;padding:20px 2.5%;margin:0 auto;}
.ser-design-title{width:100%;margin-top:12px;}
.ser-design-title li {padding:1px;}
.ser-design-title li .ser-border{width:100%;height:100%;border:#e5e5e5 solid 1px;padding:8px;}
.ser-design-title li img{max-width:40%;display:block;margin:0 auto;}
.ser-design-title li img.icon-cur{display:none;}
.ser-design-title li p{width:100%;font-size:12px;color:#ff6600;line-height:16px;text-align:center;}
.ser-design-title li.active-nav .ser-border{border:#ff6600 solid 1px;background:#ff6600;}
.ser-design-title li.active-nav p{color:#fff;}
.ser-design-title li.active-nav img.icon{display:none;}
.ser-design-title li.active-nav img.icon-cur{display:block;}

.ser-design-cont{width:100%;margin-top:12px;}
.ser-design-cont dl{width:100%;}
.ser-design-cont dd{width:100%;position:relative;}
.ser-design-cont dd .pic{width:100%;}
.ser-design-cont dd .pic img{width:100%;}
.ser-design-cont dd .txt{width:100%;padding:10px;position:absolute;bottom:0;left:0;background:url(../images/shadow.png) repeat-x bottom;font-size:10px;line-height:16px;color:#fff;}
.ser-design-cont dd .txt p{width:100%;font-size:10px;line-height:16px;color:#fff;max-height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}


.ser-offer{width:100%;padding:20px 2.5%;margin:0 auto;}
.ser-offer .offer-pic{width:100%;margin-top:12px;border:#e5e5e5 solid 1px;}
.ser-offer .offer-pic img{max-width:100%;display:block;margin:0 auto;}
.ser-offer .offer-txt{width:100%;margin-top:12px;font-size:12px;color:#666;line-height:18px;}


.cons-site{width:100%;padding:20px 2.5%;margin:0 auto;}
.cons-site-vs{width:100%;margin-top:12px;}
.cons-site-vs ul{width:100%;position:relative;}
.cons-site-vs ul li{float:left;margin-left:2%;width:32%;position:relative;}
.cons-site-vs ul li:first-child{margin-left:0;}
.cons-site-vs ul li img{width:100%;display:block;}
.cons-site-vs ul li h4{width:100%;height:64px;background:url(../images/shadow.png) repeat-x;position:absolute;bottom:0;left:0;}
.cons-site-vs ul li h4 p{width:96%;margin-left:2%;float:left;margin-top:40px;font-size:10px;color:#f8f8f8;text-align:center;line-height:24px;font-weight:normal;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cons-site-vs ul .vs{width:40px;height:40px;background:url(../images/vs1.png) no-repeat center;background-size:100%;position:absolute;top:50%;margin-top:-20px;left:33%;margin-left:-20px;z-index:4}

.cons-site-bot{width:100%;margin:0 auto;margin-top:8px;}
.cons-site-bot ul{width:100%;position:relative;}
.cons-site-bot ul li{float:left;margin-left:2%;width:49%;position:relative;}
.cons-site-bot ul li:first-child{margin-left:0;}
.cons-site-bot ul li img{width:100%;display:block;}
.cons-site-bot ul li h4{width:100%;height:64px;background:url(../images/shadow.png) repeat-x;position:absolute;bottom:0;left:0;}
.cons-site-bot ul li h4 p{width:96%;margin-left:2%;float:left;margin-top:40px;font-size:10px;color:#f8f8f8;text-align:center;line-height:24px;font-weight:normal;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cons-site-bot .txt{width:100%;margin-top:12px;font-size:12px;color:#666;text-align:center;line-height:18px;font-weight:normal;}


.wx-manage{width:100%;padding:20px 2.5%;margin:0 auto;}
.wx-manage-nav{width:100%;margin-top:12px;}
.wx-manage-nav li{text-align:center;}
.wx-manage-nav li a{display:inline-block;font-size:28px;color:#999;padding:8px 16px;line-height:32px;border:transparent solid 1px;}
.wx-manage-nav li.cur a{border-radius:4px;color:#f39800;border:#f39800 solid 1px;}

.wechat-box{width:100%;margin-top:12px;}
.wechat-list{width:100%;}
.wechat-list li img{width:100%;display:block;}

.wx-manage-icon{width:100%;margin:0 auto;margin-top:12px;}
.wx-manage-icon ul li{width:18%;margin-left:2.5%;float:left;}
.wx-manage-icon ul li:first-child{margin-left:0;}
.wx-manage-icon ul li img{display:block;width:90%;margin:0 auto;}
.wx-manage-icon ul li p{display:block;width:100%;margin-top:6px;font-size:12px;color:#666;line-height:20px;text-align:center;}


.ser-honor{ width:100%;padding:0 2.5%;margin-top:12px; position:relative;margin-bottom:20px;  }
.ser-honor .hd{ width:100%; height:18px;  position:absolute; z-index:1; bottom:-28px; text-align:center;  }
.ser-honor .hd ul{ display:inline-block; height:18px; font-size:0; vertical-align:top;}
.ser-honor .hd ul li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#ccc; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.ser-honor .hd ul .on{background:#ffa100;}

.ser-honor .bd{ position:relative; z-index:0;width:100%; }
.ser-honor .bd li{width:100%;position:relative;}
.ser-honor .bd li .pic{width:50%;float:left;}
.ser-honor .bd li .pic img{width:100%;display:block;}
.ser-honor .bd li .txt{width:50%;height:100%;position:absolute;top:0;left:50%;border:#e5e5e5 solid 1px;padding:3%;display: -webkit-flex; 
    -webkit-align-items: center; 
    display: flex;
    align-items: center;}
.ser-honor .bd li .txt h6{width:100%;font-size:14px;color:#333;line-height:18px;}
.ser-honor .bd li .txt p{width:100%;margin-top:12px;font-size:10px;color:#999;line-height:18px;max-height:108px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}


.ser-award{width:100%;margin:0 auto;padding:20px 2.5%;}
.ser-award-list{width:100%;margin-top:12px;}
.ser-award-list li{width:49%;height:140px;float:left;margin-left:2%;position:relative;}
.ser-award-list li:first-child{margin-left:0;}
.ser-award-list li .pic{width:100%;height:100%;margin:0 auto;}
.ser-award-list li .txt{width:100%;height:100%;background:rgba(0,0,0,0.65);position:absolute;top:0;left:0;}
.ser-award-list li .txt .icon{width:44px;height:44px;margin:0 auto;margin-top:16%;}
.ser-award-list li .txt .icon img{width:100%;display:block;}
.ser-award-list li .txt h5{width:100%;margin-top:2%;font-size:14px;text-align:center;line-height:20px;color:#fff;font-weight:normal;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ser-award-list li .txt h6{width:100%;font-size:10px;text-align:center;line-height:18px;color:#fff;font-weight:normal;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ser-award-txt{width:100%;margin:0 auto;font-size:12px;color:#666;line-height:20px;text-align:center;margin-top:12px;}


.ser-sale1{width:100%;margin:0 auto;margin-top:12px;}
.ser-sale1 ul li{width:32%;margin-left:2%;float:left;height:100px;position:relative;}
.ser-sale1 ul li:first-child{margin-left:0;}
.ser-sale1 ul li h4{width:100%;height:64px;background:url(../images/shadow.png) repeat-x;position:absolute;bottom:0;left:0;}
.ser-sale1 ul li h4 p{width:90%;margin-left:5%;float:left;margin-top:24px;font-size:10px;text-align:center;color:#fff;line-height:18px;height:36px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.ser-sale2{width:100%;margin:0 auto;}
.ser-sale2 ul li{width:100%;float:left;position:relative;background:#ff6600;margin-top:12px;padding:12px 0;}
.ser-sale2 ul li span{float:left;width:36%;text-align:right;font-size:48px;color:#fff;font-style: italic;line-height:50px;font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}
.ser-sale2 ul li .txt{float:left;width:64%;}
.ser-sale2 ul li .txt h5{float:left;width:96%;margin-left:4%;font-size:14px;color:#fff;line-height:20px;font-weight:normal;margin-top:8px;}
.ser-sale2 ul li .txt h6{float:left;width:96%;margin-left:4%;font-size:12px;color:#fff;line-height:18px;text-transform:uppercase;}


.bk-course-tit{width:100%;padding:12px 2.5%;margin:0 auto;}
.bk-course-tit li{width:16%;float:left;margin-left:5%;}
.bk-course-tit li:first-child{margin-left:0;}
.bk-course-tit li img{display:block;max-width:80%;margin:0 auto;}
.bk-course-tit li p{width:100%;font-size:12px;color:#333;line-height:20px;text-align:center;}
.bk-course-tit li.cur p{color:#ff6600;}


.bk-banner{ width:100%;padding:0 2.5%;margin-top:12px; position:relative;}
.bk-banner .bd{ position:relative; z-index:0;width:100%; }
.bk-banner .bd li{width:100%;position:relative;}
.bk-banner .bd li img{width:100%;display:block;}
.bk-banner .bd li h2{width:100%;padding:0 2.5%;height:32px;position:absolute;bottom:0;left:0;background:url(../images/shadow.png) repeat-x left center;}
.bk-banner .bd li h2 p{width:80%;height:32px;line-height:32px;font-size:14px;color:#fff;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.bk-banner .hd{display:none;}
.bk-banner .pageState{position:absolute;bottom:0;right:5%;z-index:2;height:32px;line-height:32px;font-size:14px;font-family: "Arial Unicode MS";  color:#fff;text-align:left;}
.bk-banner .pageState span{color:#ff6600;}


.bk-detail{width:100%;padding:20px 2.5%;margin:0 auto;}
.bk-detail-title{width:100%;margin-bottom:20px;}
.bk-detail-title h3{font-size:16px;color:#333;line-height:24px;width:100%;}
.bk-detail-title span{font-size:12px;color:#999;line-height:20px;float:left;margin-right:3%;}
.bk-detail-title span.read{float:right;margin-right:0;background:url(../images/icon-read.png) no-repeat left center;background-size:20px;text-indent:24px;}

.editor{width:100%;margin:0 auto;padding:12px 0;font-size:12px;color:#666;line-height:20px;min-height:400px;}
.editor img{max-width:100%;margin:0px auto;}

.fanhui{ width:100%; border-top:1px dashed #d3d3d3; padding:12px 0px; font-size:2rem;margin-top:30px;}
.fanhui a{ color:#ff6600;font-size:16px;display:block;}
.syg{ width:80%; line-height:30px; font-size:14px;}
.syg a{ display:block;overflow:hidden;color:#777;text-overflow:ellipsis;white-space:nowrap;}


.about-nav{width:100%;padding:0 2.5%;}
.about-nav li{width:18%;float:left;margin-left:9.3%;}
.about-nav li:first-child{margin-left:0;}
.about-nav li a{display:block;font-size:14px;color:#333;line-height:38px;text-align:center;border-bottom:transparent solid 2px;}
.about-nav li.cur a{color:#ff6600;border-bottom:#ff6600 solid 2px;}

.about-pic{width:100%;}
.about-pic li{width:32%;float:left;margin-left:2%;}
.about-pic li:first-child{margin-left:0;}
.about-pic li img{width:100%;}

.contact-map{width:100%;height:300px;margin:0 auto;padding:0 2.5%;margin-bottom:30px;}



.login-bg{width:100%;max-width:750px;height:100vh;overflow:hidden;margin:0 auto;position: relative;}
.login-box{width:95%;background:rgba(255,255,255,0.75);position:absolute;left:2.5%;top:16%;border-radius:4px;}
.login-box .login-logo{width:100%;float:left;margin-top:40px;}
.login-box .login-logo a{float:left;width:100%;}
.login-box .login-logo a img{display:block;max-width:48%;margin:0 auto;}
.login-box .login-cont{width:100%;float:left;margin-top:20px;padding:0 3%;}
.login-box .login-cont input{float:left;width:100%;background:#fff;height:40px;border:#dcdcdc solid 1px;padding:0 12px;margin-bottom:12px;}
.login-box .login-cont input.login-submit{border:#ff6600 solid 1px;background:#ff6600;color:#fff;font-size:16px;margin-top:12px;}

.login-box .login-cont .login-reg{float:left;width:100%;height:40px;border:#ff6600 solid 1px;padding:0 12px;margin-bottom:12px;margin-top:6px;}
.login-box .login-cont .login-reg a{float:left;width:100%;text-align:center;line-height:40px;font-size:14px;color:#666;}
.login-box .login-cont .login-reg a span{color:#ff6600;} 
.login-box .login-cont .txt{float:left;width:100%;margin-bottom:40px;}
.login-box .login-cont .txt a{float:left;width:100%;font-size:14px;color:#ff6600;line-height:30px;text-align:center;}

.login-box .login-cont input.yzm{width:60%;}
.login-box .login-cont .yzm-pic{width:38%;float:left;margin-left:2%;background:#fff;height:40px;}
.login-box .login-cont .yzm-pic img{max-width:100%;margin:0 auto;}

.login-box .login-cont .pass3{width:100%;float:left;font-size:12px;color:#666;line-height:30px;font-weight:normal;}
.login-box .login-cont .pass3 .pass2{width:16px;height:16px;display:inline-block;vertical-align: middle;}
.login-box .login-cont .pass3 a{color:#ff6600;}

.login-return{position:absolute;top:10px;right:10px;width:72px;height:22px;border-radius:4px;border:#ff6600 solid 1px;opacity:0.8;}
.login-return a{display:block;width:100%;font-size:12px;color:#ff6600;text-align:center;line-height:20px;}


.member-top{width:100%;margin:0 auto;position:relative;}
.member-top .member-bg{width:100%;margin:0 auto;}
.member-top .member-bg img{width:100%;display:block;}
.member-photo{width:72px;height:72px;border-radius:50%;border:#fff solid 3px;position:absolute;left:2.5%;top:50%;margin-top:-36px;overflow:hidden;}
.member-photo img{width:100%;height:100%;display:block;border-radius:50%;}
.member-info{width:calc(92% - 72px);position:absolute;height:72px;top:50%;margin-top:-36px;right:2.5%;}
.member-info a{width:100%;float:left;}
.member-info a .txt{width:80%;float:left;}
.member-info a .txt h3{float:left;width:100%;font-size:16px;color:#fff;line-height:24px;margin-top:16px;}
.member-info a .txt h6{float:left;width:100%;font-size:12px;color:#fff;line-height:24px;}
.member-info a .icon{float:right;width:20%;height:72px;background:url(../images/icon-right05.png) no-repeat right center;background-size:12px;}


.member-list{width:100%;padding:0 2.5%;margin:0 auto;background:#fff;}
.member-list li{float:left;width:100%;border-bottom:#f1f1f1 solid 1px;background:url(../images/icon-right04.png) no-repeat right center;background-size:10px;}
.member-list li a{float:left;width:100%;}
.member-list li a img{float:left;width:24px;height:24px;margin-top:10px;margin-bottom:10px;}
.member-list li a p{float:left;margin-left:6px;font-size:14px;color:#333;line-height:24px;margin-top:10px;margin-bottom:10px;}
.member-list h3{float:left;width:100%;}


.mem-discuss-list{width:100%;margin:0 auto;padding:0 2.5%;}
.mem-discuss-list ul li{width:100%;float:left;padding:18px 0 12px 0;border-bottom:#f2f2f2 solid 1px;}
.mem-discuss-list ul li:last-child{border-bottom:none;}
.mem-discuss-list ul li a{width:100%;float:left;}
.mem-discuss-list ul li a .mem-photo1{width:48px;height:48px;float:left;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;}
.mem-discuss-list ul li a .mem-photo1 img{display:block;width:100%;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;}
.mem-discuss-list ul li a .txt{width:calc(98% - 50px);float:left;margin-left:2%;}
.mem-discuss-list ul li a .txt h3{float:left;width:100%;font-size:14px;color:#333;line-height:20px;}
.mem-discuss-list ul li a .txt p{float:left;width:100%;font-size:12px;color:#666;font-family: "宋体";line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mem-discuss-list ul li a .txt span{float:left;width:100%;font-size:12px;color:#999;font-family: "宋体";line-height:20px;margin-top:6px;}


.img-section{padding:0 3%;margin-bottom:20px;}
.z_photo{width:100%;}
.z_photo .up-section{width:30%;float:left;margin-right:3.3%;}
.z_photo .z_file{width:30%;float:left;}

.tjnr{width:100%; padding:0 3%; background:#fff;font-size:14px;color:#333;line-height:28px;}
.tjnr textarea{ width:100%; height:100px; border:1px #e3e3e3 solid; font-size:12px;border-radius: 4px;padding:4px 10px;}

.discuss-selec{width:100%;padding:20px 2.5%;}
.discuss-selec select{border:#e3e3e3 solid 1px;padding-left:10px;background:url(../images/icon-down07.png) no-repeat 96% center;appearance:none;-moz-appearance:none;-webkit-appearance:none;width:100%;height:40px;}
.discuss-selec .title{float:left;width:100%;font-size:14px;color:#666;line-height:26px;margin-right:10px;}
.discuss-selec .form-group{float:left;margin-right:2%;margin-bottom:10px;width:32%;}
.discuss-selec div.form-group:last-child{margin-right:0;}
.discuss-selec .hs-name{float:left;width:100%;float:left;margin-top:12px;margin-bottom:10px;}
.discuss-selec .hs-name input{float:left;width:100%;height:40px;border:#e3e3e3 solid 1px;padding-left:10px;}

@media only screen and (max-width: 768px){

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


.commstar {
    background: url("../images/star.png") repeat-x scroll 0 -14px rgba(0, 0, 0, 0);
    background-size:14px;
    height: 14px;
    margin-top: 5px;
    width: 70px;
}
.commstar i {
    height: 14px;
    width: 20%;
}

.commstar .active {
    background: url("../images/star.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    background-size:14px;
}


.header-ui{height:52px;}
.header-ui .logo{width:38%;margin-top:5px;}
.header-ui .ico-nav{top:10px;}
.header-line{height:52px;}
.header-ui .returen_l{margin-top:10px;}
.header-ui .returen_c{height:36px;line-height:36px;font-size:18px;margin-top:8px;}
.header-ui .service-icon{margin-top:12px;}



.nav{width:220px;}
.nav ul li{clear:both;}
.nav{right:-220px}
.openMenu{right:220px;}
.openNav{right:0;}
.openMenu .header{right:220px;}
.openMenu .footer-icon-box{right:220px;}


.textwarp p{line-height:20px;}
.Warp-Detail{line-height:20px;}



.focus .hd{bottom:42px;}



.footer-bg{height:56px;}
.footerbox{bottom:56px;}
.foot-ser{margin-top:20px;}
.foot-ser ul li{width:40px;}
.foot-ser ul li .code{bottom:48px;}

.copy{line-height:18px;font-size:12px;margin-top:12px;}
.support{line-height:18px;font-size:12px;margin-top:0px;margin-bottom:16px;}
.guide{bottom:80px;width:40px;height:40px;}
.guide a img{margin:0;}
.footer-icon{width:100%;position: relative;text-align:center;}
.footer-icon ul li a{padding:6px 0;height:56px;}
.footer-icon ul li a img{max-width:26%;}
.footer-icon ul li a span{width:100%;color:#333;font-size:12px;bottom:6px;}


.home-shortcut{margin:-40px 2.5% 0 2.5%;border-radius:4px;}
.sct-title{border-top-left-radius:4px;border-top-right-radius:4px;}
.sct-title ul li{font-size:1.8rem;line-height:36px;}
.sct-cont dl dd{border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.sct-cont dl dd .sct-nav{padding-top:20px;padding-bottom:6px;}
.sct-cont dl dd .sct-nav li{margin-bottom:12px;}
.sct-cont dl dd .sct-nav li a img{max-width:64%;}
.sct-cont dl dd .sct-nav li a h5{font-size:1.6rem;line-height:20px;margin-top:6px;}

.sct-cont dl dd .space-renew{padding:20px 2.5% 0 2.5%;}
.sct-cont dl dd .space-renew ul li{margin-bottom:10px;}
.sct-cont dl dd .space-renew ul li a .txt{padding:8px 4%;}
.sct-cont dl dd .space-renew ul li a .txt h5{width:60%;font-size:1.6rem;line-height:22px;height:22px;}
.sct-cont dl dd .space-renew ul li a .txt span{width:40%;border-radius:12px;height:22px;font-size:10px;line-height:22px;}

.loading-more{width:84px;height:24px;border-radius:12px;margin:6px auto 20px auto;}
.loading-more a{font-size:12px;line-height:24px;}


.order-title{margin:10px 2.5%;height:40px;border-radius:20px;}
.order-title p{margin-right:4%;font-size:12px;color:#333;line-height:40px;}
.order-title p span{width:30px;height:22px;line-height:22px;margin-left:3px;margin-right:3px;}
.order-in{padding:16px 2.5%;}
.order-in input{height:40px;margin-bottom:12px;font-size:12px;}
.order-in input.order-submit{margin-top:6px;font-size:14px;}
.order-in h6{font-size:12px;line-height:16px;margin-bottom:6px;}


.home-design{margin-top:10px;}
.home-pub-title{margin-top:20px;}
.home-pub-title h3{font-size:16px;line-height:24px;}
.home-pub-title h3 i{width:4px;height:12px;margin-top:6px;margin-right:6px;}
.home-pub-title a{font-size:12px;padding-right:10px;background:url(../images/icon-right01.png) no-repeat right center;background-size:6px;line-height:24px;}

.home-pub-nav{margin:12px 2.5%;}
.home-pub-nav li a{font-size:13px;padding:4px 6px;line-height:16px;}

.home-design-list{margin-bottom:12px;}
.home-design-list li{margin-bottom:12px;}
.home-design-list li a h6{font-size:12px;color:#333;line-height:24px;}


.home-judge-list{margin-bottom:0;}
.home-judge-list dl dd{padding-bottom:12px;margin-bottom:12px;}
.home-judge-list dl dd .mem-photo{width:60px;height:60px;}
.home-judge-list dl dd .mem-title{width:calc(100% - 68px);}
.home-judge-list dl dd .mem-title h6{font-size:14px;line-height:16px;margin-top:6px;}
.home-judge-list dl dd .mem-title h6 span{font-size:12px;}
.home-judge-list dl dd .mem-title .judge-foot{margin-top:4px;font-size:10px;line-height:14px;}
.home-judge-list dl dd .mem-title .judge-foot p{float:left;margin-right:6px;}
.home-judge-list dl dd .judge-txt .txt{font-size:12px;line-height:20px;margin-top:8px;}
.home-judge-list dl dd .judge-txt .pic{margin-top:8px;}


.home-bk-nav{margin:12px 2.5%;}
.home-bk-nav li{border-radius:4px;}
.home-bk-nav li a .txt p{font-size:16px;line-height:20px;margin-top:30%;}
.home-bk-nav li a .txt span{height:1px;}

.home-bk-list{margin-bottom:12px;}
.home-bk-list li{padding:12px 0;}
.home-bk-list li a .txt h4{font-size:14px;line-height:22px;height:44px;}
.home-bk-list li a .txt span.date{font-size:10px;line-height:14px;}
.home-bk-list li a .txt span.read{font-size:10px;line-height:14px;}


.home-news{float:left;margin:0 2.5% 12px 2.5%;}
.home-news li a .txt h6{font-size:12px;line-height:20px;height:20px;}
.home-news li a .txt span{font-size:10px;line-height:16px;}


.home-course{margin-top:12px;}


.load-more{margin:12px auto;}


.sort-local{position:relative;top:-50px;}
.design-sort.scroll{top:50px;}
.des-sort-tit li{font-size:14px;line-height:40px;}
.des-sort-tit li span{width:7px;}
.des-sort-cont{top:41px;}
.des-sort-cont li p{font-size:12px;line-height:36px;height:36px;}
.des-sort-cont li i{height:36px;background-size:18px;}

.des-list li{margin-top:12px;}
.des-list li a .txt h5{font-size:12px;line-height:24px;height:24px;}
.des-list li a .txt span{font-size:12px;line-height:24px;height:24px;}

.openMenu .des-foot{right:220px;}


.designer-sort.scroll{top:51px;}
.deser-sort-tit li{font-size:14px;line-height:40px;}
.deser-sort-tit li a{font-size:14px;line-height:40px;}
.deser-sort-tit li span{width:7px;}
.deser-sort-cont{top:41px;}
.deser-sort-cont li p{font-size:12px;line-height:36px;height:36px;}
.deser-sort-cont li i{height:36px;background-size:18px;}

.designer dt{padding:12px 2.5%;}

.designer dt a .txt h4{font-size:16px;line-height:18px;margin-bottom:4%;}
.designer dt a .txt h6{font-size:12px;line-height:18px;margin-bottom:6%;}
.designer dt a .txt p{font-size:12px;line-height:18px;height:18px;}
.designer dt a .txt .lht2{font-size:12px;line-height:18px;height:36px;}
.designer dd{padding:12px 2.5%;}

.des-case-list li a .txt h5{font-size:12px;line-height:20px;height:20px;}


.des-foot-box{height:48px;}
.designer-footer a{height:48px;font-size:14px;line-height:48px;}
.designer-footer a span{width:24px;height:24px;}
.openMenu .designer-footer{right:220px;}


.designer-photo .designer-top .pic{width:100px;height:100px;margin-top:6%;}
.designer-photo .designer-top .txt h3{font-size:14px;line-height:20px;}
.designer-photo .designer-top .txt h3 i{width:4px;height:4px;}
.designer-photo .designer-top .txt h4 a{width:60px;height:24px;font-size:12px;line-height:24px;}
.designer-photo .designer-top .txt h6{font-size:12px;line-height:20px;}

.designer-nav li a{font-size:14px;line-height:40px;}

.designer-detail .des-txt{padding:12px 0;}
.designer-detail .des-txt .txt{margin-top:6px;font-size:12px;line-height:20px;}
.designer-detail .des-txt .txt h6{width:50px;font-size:12px;line-height:20px;height:20px;}
.designer-detail .des-txt .txt p{width:calc(98% - 50px);font-size:12px;line-height:20px;}

.sign-list{padding:12px 2.5%;}
.sign-list h2{font-size:14px;line-height:20px;margin-bottom:6px;}
.sign-list h2 i{height:14px;}
.sign-list .title{font-size:12px;line-height:32px;}

.sign-list ul{margin-top:8px;}
.sign-list ul li{font-size:12px;line-height:32px;}
.sign-list ul li p.left{height:32px;}


.des-case-title h3{margin-top:12px;font-size:14px;line-height:24px;}
.des-case-title h6{background:url(../images/icon-add.png) no-repeat left center;background-size:14px;text-indent:20px;font-size:12px;line-height:20px;height:20px;}


.mat-sort.scroll{top:50px;}
.mat-sort-tit li{font-size:14px;line-height:40px;}
.mat-sort-tit li span{width:7px;}
.mat-sort-cont{top:41px;}
.mat-sort-cont li p{font-size:12px;line-height:36px;height:36px;}
.mat-sort-cont li i{height:36px;background-size:18px;}


.ser-notice-list li .pic{width:56px;height:56px;}
.ser-notice-list li .pic h4{height:30px;font-size:12px;line-height:30px;}
.ser-notice-list li .txt{margin-top:4px;font-size:10px;line-height:18px;}


.wx-manage-nav li a{font-size:13px;padding:4px 6px;line-height:16px;}



}

@media only screen and (max-width: 380px){


.header-ui{height:50px;}
.header-ui .logo{width:40%;margin-top:5px;}
.header-ui .ico-nav{top:10px;}
.header-line{height:50px;}

.footer-icon ul li a img{max-width:28%;}

.design-sort.scroll{top:50px;}


.designer-photo .designer-top .pic{width:80px;height:80px;margin-top:6%;}


.ser-award-list li{height:120px;}
.ser-award-list li .txt .icon{margin-top:14%;}

.ser-sale1 ul li{height:90px;}

}

@media only screen and (max-width: 321px){


.home-pub-nav li a{font-size:12px;padding:4px 6px;}
.home-design-list li a h6{font-size:10px;}

.designer-photo .designer-top .pic{width:72px;height:72px;margin-top:4%;}

.ser-sale1 ul li{height:80px;}

.bk-course-tit li p{font-size:12px;}


.about-nav li a{font-size:12px;}


}



.modal-body{font-size:14px;color:#333;}