/*** RESET&BASE ***/
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,button,input,select,textarea,th,td{margin:0;padding:0}
body{background-color:#fff;color:#666}
body,button,input,select,textarea{font:12px/20px Arial,'Hiragino Sans GB','Microsoft Yahei','\5b8b\4f53',sans-serif}
button,input,select,textarea{color:#333}button{cursor:pointer}
button:focus,input:focus,select:focus,textarea:focus{outline:0}
h1,h2,h3,h4,h5,h6{font-size:100%}h1,h2,h3,h4{font-family:'Hiragino Sans GB','Microsoft Yahei';color:#333}
table{width:100%;border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none} ol li{clear:both}
a img{border:0}img{vertical-align:middle}em,i{font-style:normal}
a{color:#333;text-decoration:none;cursor:pointer}a:hover{color:#c00;text-decoration:underline}
a:active{outline:0;star:expression(this.onFocus=this.blur())}
a.link{color:#09d;cursor:pointer}a.link:hover{color:#c00}
a.linkline{text-decoration:underline}
a.curr,a.curr:hover,.curr a,.curr a:hover{text-decoration:none;cursor:default}
.clr{overflow:hidden;display:block;clear:both;height:0;line-height:0;font-size:0}
.clf{_zoom:1}.clf:after{content:'\20';display:block;clear:both;height:0}
@media print{*{background:transparent!important;color:#000!important;text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}a{text-decoration:underline}}
.fixer{position:fixed;top:0px;left:50%;margin-left:300px;_position:absolute;_top:expression(documentElement.scrollTop+10 + "px")}
/** GRID **/
html,body{height:100%}body{min-width:1200px;min-height:512px;background-color:#fff}
.wrap{position:relative;min-width:1220px;min-height:100%;_height:100%}
.header{position:relative;z-index:3}
.header-w,.mainmenu-w{position:relative;z-index:31}
.topbar{position:relative;z-index:32}
.content{position:relative;z-index:2}
.footer{position:relative;/*z-index:1;*/}
.header-w,.mainmenu-w,.topbar-w,.main-w,.footer-w,.bottombar-w{width:1000px;margin:0 auto}
/** ICON **/
.brand-nav .tag,.designer-item .tag,.designer-list .tag,.designs-side .tag,.operation .func a,.user-data .tag,.user-count dt a,.drop-select i{display:inline-block;width:20px;height:20px;background-image:url(../images/icon.png);background-repeat:no-repeat;vertical-align:middle;margin-top:-2px;}
/*** HEADER ***/
/** TOP **/
.topbar{background-color:#333;}
.topbar-w{height:30px;line-height:30px;color:#999}
.topside{float:left;width:120px!important;}
.topnav{float:right;}
.topnav .link{padding:0 10px;font-size:12px;color:#fff}
.topnav .contact .link{border-right:1px solid #333}
/* DROP-MENU */
.drop-menu{position:relative;width:82px;}
.drop-menu .link{position:relative;display:block;height:30px;line-height:30px;padding-left:10px;}
.drop-menu .link i{position:absolute;top:13px;right:11px;width:0;height:0;line-height:0;font-size:0;border:4px solid;border-color:transparent;_border-style:dotted;border-top-color:#fff;_border-top-style:solid;display:inline-block;*display:inline;*zoom:1;opacity:.4;filter:alpha(opacity=40);}
.drop-hover .link{z-index:332;padding-left:9px;border-left:1px solid #ddd;border-right:1px solid #ddd;background-color:#fff;color:#666;cursor:default}
.drop-hover .link:hover{color:#666;text-decoration:none}
.drop-hover .link i{top:8px;border-top-color:#333;_border-top-style:solid;-webkit-transition:-webkit-transform .2s ease-in;-moz-transition:-moz-transform .2s ease-in;-o-transition:-o-transform .2s ease-in;transition:transform .2s ease-in;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.drop-menu .menu{position:absolute;top:30px;left:0;right:0;z-index:331;padding-bottom:5px;border:1px solid #ddd;border-top:0;background-color:#fff;}
.drop-menu .menu a{padding:0 10px;line-height:24px;display:block;}
.header{background:rgb(238, 238, 239) none repeat scroll 0 0;}
.header-w{height:88px;}
.header .logo{float:left;margin-top:10px;}
.logo a{display:inline-block;width:182px;height:60px;line-height:60px;overflow:hidden;background:url(../images/logo.png) no-repeat;color:#000;font-size:36px;text-align:center;text-indent:-888px;}
.header .btn-publish{float:right;padding:5px 17px;margin-top:30px;margin-right:40px;border:1px solid rgb(102, 102, 102);background-color:#fff;color:rgb(102, 102, 102);font-size:18px;}
.header .btn-publish:hover{background-color:#f64343;color:#fff;text-decoration:none;border:1px solid #c00;}
.header .btn-upload{float:right;padding:8px 30px;margin:27px 0 0;border:1px solid #c00;background-color:#fff;color:rgb(102, 102, 102);font-size:20px;}
.header .btn-upload:hover{background-color:#c00;color:#fff;text-decoration:none;border:1px solid #c00;}
.header .btn-publish-img{float:right;padding:5px 17px;margin-top:25px;margin-right:40px;border:none;background-color:#fff;color:rgb(102, 102, 102);font-size:18px;cursor: pointer;}
.mainnav{position:absolute;top:16px;left:260px;}
.mainnav a{position:relative;display:block;height:60px;line-height:60px;margin:0 20px;padding:0 10px;font-size:18px;font-weight:400;color:#666}
.mainnav a:hover{text-decoration:none;color:#f64343}
.mainnav a.curr{color:#f64343;}
.mainmenu{position:absolute;left:0;top:118px;display:none;width:100%;padding:40px 0;background-color:rgba(0,0,0,.8)}
.mainmenu a{display:block;color:#fff}
.mainmenu a:hover{color:#c00;text-decoration:none}
.mainmenu dl{float:left;width:25%;}
.mainmenu dt{margin-bottom:10px;}
.mainmenu dt a{margin-right:40px;padding:5px 0;border:1px solid #fff;text-align:center;font-size:18px;}
.mainmenu dl:hover dt a{border-color:#09d;color:#09d}
.mainmenu dd{float:left;width:50%;}
.mainmenu dd a{padding:5px 0;font-size:16px;}

/*** CONTENT ***/
.content{}
/** BANNER **/
.flexslider{position:relative;z-index:21;width:100%;height:560px;background-color:#eee;overflow:hidden;}
.flexslider .slides{position:relative;z-index:1;background:url(../images/loading.gif) 50% no-repeat;overflow:hidden;_zoom:1;}
.flexslider .slides li{position:relative;width:100%;height:560px;background-position:center center;background-repeat:no-repeat;text-align:center}
.flexslider .slides .txt{margin-top:80px;color:#fff;}
.flexslider .slides .txt strong{line-height:1.4;font-size:80px;}
.flexslider .slides .txt p{display:inline-block;margin-top:-15px;padding-top:20px;border-top:2px solid #fff;font-size:18px;}
.flexslider .slides .link{position:absolute;left:50%;bottom:80px;margin-left:-200px;display:inline-block;}
.flexslider .slides a{position:relative;z-index:22;display:inline-block;width:400px;height:44px;line-height:44px;font-size:24px;font-weight:700;border:1px solid #fff;color:#fff;font-size:24px;text-align:center;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.flexslider .slides a:hover{color:#333;text-decoration:none;}
.flexslider .slides .mask{position:absolute;left:0;bottom:0;z-index:-1;display:block;width:100%;height:0;background-color:#fff;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.flexslider .slides a:hover .mask{height:100%}
.flex-control-nav{position:absolute;bottom:10px;z-index:22;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;margin:0 6px;width:16px;height:16px;line-height:16px;background-color:#fff;border-radius:10px;text-align:center;text-indent:-88px;overflow:hidden;cursor:pointer;opacity:.5;filter:alpha(opacity=50);}
.flex-control-nav .flex-active{opacity:.8;filter:alpha(opacity=80);}
/** MAIN **/
.main{}
/** 棣栭〉 **/
.index{}
.index .btn-publish{margin:50px 0;text-align:center}
.index .btn-publish a{position:relative;z-index:22;display:inline-block;width:300px;height:44px;line-height:44px;font-size:24px;font-weight:400;border:1px solid #c00;color:#c00;text-align:center;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.index .btn-publish a:hover{color:#fff;text-decoration:none;}
.index .btn-publish .mask{position:absolute;left:0;bottom:0;z-index:-1;display:block;width:100%;height:0;background-color:#c00;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.index .btn-publish a:hover .mask{height:100%}
.brand-nav{margin-top:50px;overflow:hidden}
.brand-nav ul{width:110%;}
.brand-nav li{margin-right:15px;}
.brand-nav a{position:relative;display:block;width:390px;height:220px;}
.brand-nav a:hover{color:#fff;text-decoration:none;}
.brand-nav a:hover .info{top:0;}
.brand-nav .info{position:absolute;left:0;top:-224px;display:block;width:310px;height:130px;padding:90px 40px 0;background:rgba(51,51,51,1);text-align:left;color:#fff;font-size:18px;text-align:center;overflow:hidden;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.brand-nav .tag{margin-right:5px;}
.brand-nav .tag01{background-position:0 -80px;}
.brand-nav .tag02{background-position:-20px -80px;}
.brand-nav .tag03{background-position:0 -60px;}
.brand-nav .tit{line-height:224px;font-size:36px;font-weight:400;text-align:center;color:#fff;overflow:hidden;}
.topic{background-color:#fff;}
.brand-nav2{margin-top:50px;overflow:hidden}
.brand-nav2 ul{width:110%;}
.brand-nav2 li{margin-right:15px;}
.brand-nav2 a{position:relative;display:block;width:288px;height:160px;}
.brand-nav2 a:hover{color:#fff;text-decoration:none;}
.brand-nav2 a:hover .info{top:0;}
.brand-nav2 .info{position:absolute;left:0;top:-224px;display:block;height:164px;padding:30px 40px;background:rgba(0,0,0,.9);text-align:left;color:#fff;font-size:14px;overflow:hidden;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.brand-nav2 .tit{line-height:160px;font-size:36px;text-align:center;color:#fff;overflow:hidden;}
.btn-seemore{margin:30px 0;text-align:center}
.btn-seemore a{position:relative;z-index:22;display:inline-block;width:240px;height:40px;line-height:40px;font-size:20px;font-weight:400;border:1px solid #c00;color:#c00;text-align:center;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.btn-seemore a:hover{color:#fff;text-decoration:none;}
.btn-seemore .mask{position:absolute;left:0;bottom:0;z-index:-1;display:block;width:0;height:100%;background-color:#c00;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.btn-seemore a:hover .mask{width:100%}
/* 妤煎眰 */
.floor .head{height:40px;line-height:40px;padding:50px 0 10px;}
.floor .tit{float:left;font-size:30px;font-weight:400;color:#333}
.floor .more{float:right;color:#666}
.floor .more:hover{color:#c00}
.floor .more i{font-family:'\5b8b\4f53'}
.floor .con{min-height:100px;background-color:#fff;}
.designer-item{overflow:hidden;_zoom:1}
.designer-item ul{width:110%;}
.designer-item li{width:593px;margin-right:14px;margin-top:14px}
.designer-item .box{padding:20px 17px 20px 18px;border:1px solid #ddd;background-color:#fff;font-size:14px;height:204px}
.designer-item .box:hover{border-color:#999}
.designer-item .data{position:relative;}
.designer-item .intro{position:relative;float:right;width:274px;height:40px;padding-top:50px;padding-right:2px;color:#999;}
.designer-item .intro span{ position:absolute;left:0;bottom:0;}
.designer-item .face{float:left;z-index:21;width:88px;height:88px;margin:0 29px 0 25px;}
.designer-item .face-mask{position:absolute;z-index:22;top:0;left:25px;display:block;width:88px;height:88px;background-image:url(../images/face-mask.png)}
.designer-item .tag{position:absolute;z-index:23;top:0;left:110px;background-position:0 -80px;overflow:hidden;}
.designer-item .tag01{background-position:0 -80px;}
.designer-item .tag02{background-position:-20px -80px;}
.designer-item .tag03{background-position:0 -60px;}
.designer-item .name{padding-top:25px;font-size:16px;}
.designer-item .sort{margin-top:5px;}
.designer-item .works{clear:both;margin-top:10px;padding-top: 10px;border-top: 1px solid rgb(221, 221, 221); }
.designer-item .works a{position:relative;float:left;margin-right:12px;}
.designer-item .no-pic{float:left;width:132px;height:94px;margin-right:7px;background-color:#eee}
.designer-item .pic{width:132px;height:94px;}
.designer-item .pic-hover{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.5) url(../images/pic-hover.png) no-repeat center center;}
.designer-item a:hover .pic-hover{display:block}
.designs-item{overflow:hidden}
.designs-item ul{width:110%;}
.designs-item li{margin-right:15px;margin-bottom:15px}
.designs-item .box{padding:4px;border:1px solid #999;font-size:14px;overflow:hidden;_zoom:1}
.designs-item .box:hover{border-color:#ddd}
.designs-item .works a{position:relative;display:block}
.designs-item .pic{width:380px;height:230px;}
.designs-item .pic-hover{position:absolute;top:0;left:0;display:none;width:100%;height:100%;line-height:300px;background:rgba(0,0,0,.5) url(../images/pic-hover.png) no-repeat center center;text-align:center;color:#fff;overflow:hidden}
.designs-item a:hover .pic-hover{display:block}
.designs-item .info{margin:15px 15px 10px;}
.designs-item .name{font-size:16px;}
.designs-item .price{float:right;}
.designs-item .sort{margin-top:5px;color:#999}
.designs-item .love{float:right;margin-top:5px;padding-left:20px;background:url(../images/icon.png) no-repeat left -260px;color:#999}
/* 闈㈠寘灞戝鑸� */
.breadcrumb{padding-top:10px;font-family:'\5b8b\4f53';color:#666;overflow:hidden}
.breadcrumb a{color:#666}
.breadcrumb a:hover{color:#c00}
.breadcrumb i{margin:0 5px}
/* 绛涢�夋ā鍧� */
.filter-mod{clear:both;margin-top:10px;border:1px solid #ddd;font-size:14px;overflow:hidden;_zoom:1}
.filter-mod dt{float:left;clear:both;width:60px;padding:12px 20px;color:#666;}
.filter-mod dd{padding:10px 10px 10px 100px;border-bottom:1px solid #eee;}
.filter-mod dd a{display:inline-block;padding:0 10px;margin:2px 10px 2px 0;white-space:nowrap}
.filter-mod dd a.curr{color:#c30d23;}
.select-mod{clear:both;margin-top:10px;border:1px solid #ddd;font-size:14px;overflow:hidden;_zoom:1}
.select-mod li{float:none;list-style:none;padding:6px 0 1px}
.select-mod .select-list{border-bottom:1px dotted #ddd}
.select-mod dl{padding:5px 10px 5px 100px;line-height:20px;overflow:hidden;_zoom:1}
.select-mod dt{float:left;width:80px;padding-left:20px;margin:0 0 5px -100px;color:#666;}
.select-mod dd{float:left;margin:0 5px 5px 0;}
.select-mod dl a{display:inline-block;padding:0 10px;white-space:nowrap;}
.select-mod .selected a{color:#c00;text-decoration:none;cursor:default}
.select-no{color:#999}
.select-result,.select-result dt,.select-result dd{display:inline-block}
.select-result a{display:inline-block;padding-right:20px;margin-right:10px;background:url(../images/icon.png) no-repeat right -100px;color:#c00}
.select-result a:hover{background-position:right -120px;text-decoration:none;}
.select-morelink{float:right;margin:5px 10px 0 0;padding-right:18px;background:url(../images/icon.png) no-repeat right -180px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.select-morelink:hover{background-position:right -160px;text-decoration:none}
.select-morelink.opened{background-position:right -200px}
.select-morelink.opened:hover{background-position:right -220px}
/* 鎺掑簭妯″潡 */
.sort-mod{margin-top:20px;background-color:#fff;font-size:14px;overflow:hidden;_zoom:1}
.sort-mod dt{display:none;float:left;width:90px;line-height:28px;color:#999;}
.sort-mod .sort{float:right}
.sort-mod .sort a{float:left;width:100px;height:30px;line-height:30px;margin-left:10px;border:1px solid #ddd;background-color:#fff;text-align:center}
.sort-mod .sort a:hover{border-color:#09d;color:#09d;text-decoration:none;}
.sort-mod .sort .curr,.sort-mod .sort .down,.sort-mod .sort .up{border-color:#09d;background-color:#09d;color:#fff}
.sort-mod .sort .curr:hover,.sort-mod .sort .down:hover,.sort-mod .sort .up:hover{background-color:#09d;color:#fff;}
.sort-mod .sort .down,.sort-mod .sort .up{padding-right:4px}
.sort-mod .sort i{display:none;background-position:0 -440px;}
.sort-mod .sort .down i{display:inline-block;background-position:0 -440px}
.sort-mod .sort .up i{display:inline-block;background-position:0 -460px}
/** 鎵捐璁″笀 **/
.designer-list{margin-top:20px}
.designer-list li{margin-bottom:15px}
.designer-list .box{padding:20px 20px 20px 20px;border:1px solid #ddd;font-size:12px;overflow:hidden;_zoom:1;height:136px;}
.designer-list .box:hover{border-color:#999}
.designer-list .data{position:relative;float:left;width:360px;margin-top:10px;padding-left:120px;}
.designer-list .intro{line-height:1.4;color:#999}
.designer-list .face{float:left;z-index:21;width:88px;height:88px;margin-left:-120px;margin-top:24px;}
.designer-list .face-mask{position:absolute;z-index:22;top:24px;left:0;display:block;width:88px;height:88px;background-image:url(../images/face-mask.png)}
.designer-list .face-hover{position:absolute;z-index:21;top:24px;left:0;display:none;width:88px;height:88px;line-height:90px;background:rgba(0,0,0,.5);text-align:center;font-size:12px;color:#fff;overflow:hidden}
.designer-list a:hover .face-hover{display:block}
.designer-list .tag{position:absolute;z-index:23;top:10px;left:80px;background-position:0 -80px;overflow:hidden;}
.designer-list .tag01{background-position:0 -80px;}
.designer-list .tag02{background-position:-20px -80px;}
.designer-list .tag03{background-position:0 -60px;}
.designer-list .name{margin-bottom:5px;font-size:16px;}
.designer-list .addr{display:inline-block;margin-right:10px;padding-left:16px;background:url(../images/icon.png) no-repeat left -240px}
.designer-list .sort{display:inline-block;margin-right:10px;}
.designer-list .time{display:inline-block;margin-right:10px;}
.designer-list .btnbox{margin-top:10px;}
.designer-list .btnbox a{margin-right:10px;}
.designer-list .btnbox .btnb{border-color:#ccc;background-color:#fff;color:#333}
.designer-list .btnbox .btna{border-color:#ccc;background-color:#fff;color:#333}
.designer-list .btnbox .btnb:hover{border-color:#c00;background-color:#c00;color:#fff}
.designer-list .btnbox .btna:hover{border-color:#09d;background-color:#09d;color:#fff}
.designer-list .more{float:right;width:30px;height:134px;line-height:136px;margin-left:10px;border:1px solid #ddd;text-align:center}
.designer-list .more:hover{border-color:#09d;color:#09d;text-decoration:none;}
.designer-list .works{float:right;width:600px;}
.designer-list .works a{position:relative;float:left;margin-left:10px;}
.designer-list .no-pic{float:left;margin-left:10px;width:190px;height:136px;background-color:#eee}
.designer-list .pic{width:190px;height:136px;}
.designer-list .pic-hover{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.5) url(../images/pic-hover.png) no-repeat center center;}
.designer-list a:hover .pic-hover{display:block}
/** 浣滃搧娆ｈ祻 **/
.designs-list{margin-top:20px;overflow:hidden}
.designs-list ul{width:110%;}
.designs-list li{margin-right:15px;margin-bottom:15px;float: left;}
.designs-list .box{padding:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;overflow:hidden;_zoom:1;width:278px;}
.designs-list .box:hover{border-color:#999}
.designs-list .works a{position:relative;display:block}
.designs-list .pic{width:278px;height:200px;}
.designs-list .pic-hover{position:absolute;top:0;left:0;display:none;width:100%;height:100%;line-height:300px;background:rgba(0,0,0,.5) url(../images/pic-hover.png) no-repeat center center;text-align:center;color:#fff;overflow:hidden}
.designs-list a:hover .pic-hover{display:block}
.designs-list .info{margin:15px 15px 10px;}
.designs-list .name{font-size:16px;}
.designs-list .price{float:right;}
.designs-list .sort{margin-top:5px;color:#999;width:190px;}
.designs-list .love{float:right;margin-top:5px;padding-left:20px;background:url(../images/icon.png) no-repeat left -260px;color:#999}
.designs-list .func{height:30px;padding:10px 15px 0;border-top:1px solid #eee}
.designs-list .func a{float:left;margin-right:20px;font-size:12px;color:#09d}
.designs-list .func .state{float:right;margin-right:0;}
/** 浣滃搧璇︽儏 **/
.details{margin-bottom:-50px;background-color:#f5f5f5}
.designs-details{margin-top:10px;padding-bottom:50px;overflow:hidden;_zoom:1}
.designs-head{margin-top:10px;padding:20px 15px 20px 20px;background-color:#fff;font-size:14px;overflow:hidden;_zoom:1}
.designs-head .data{position:relative;float:left;width:440px;padding-left:192px;}
.designs-head .intro{padding-top:10px;color:#999}
.designs-head .face{float:left;z-index:21;width:172px;height:172px;margin-left:-192px;}
.designs-head .face-mask{position:absolute;z-index:22;top:0;left:0;display:block;width:172px;height:172px;background-image:url(../images/face-maskb.png)}
.designs-head .face-hover{position:absolute;z-index:21;top:0;left:0;display:none;width:172px;height:172px;line-height:272px;background:rgba(0,0,0,.5);text-align:center;color:#fff;overflow:hidden}
.designs-head a:hover .face-hover{display:block}
.designs-head .tag{position:absolute;z-index:23;top:0;left:152px;background-position:0 -80px;overflow:hidden;}
.designs-head .tag01{background-position:0 -80px;}
.designs-head .tag02{background-position:-20px -80px;}
.designs-head .tag03{background-position:0 -60px;}
.designs-head .name{padding-top:15px;font-size:16px;}
.designs-head .addr{display:inline-block;margin-right:10px;padding-left:16px;background:url(../images/icon.png) no-repeat left -240px}
.designs-head .sort{display:inline-block;margin-right:10px;margin-top:5px;}
.designs-head .time{display:inline-block;margin-right:10px;margin-top:5px;}
.designs-head .btnbox{margin-top:10px;}
.designs-head .btnbox a{margin-right:10px;}
.designs-head .btnbox .btnb{background-color:#fff;color:#333}
.designs-head .btnbox .btna{background-color:#fff;color:#333}
.designs-head .btnbox .btnb:hover{background-color:#c00;color:#fff}
.designs-head .btnbox .btna:hover{background-color:#09d;color:#fff}
.designs-head .works{float:right;}
.designs-head .works a{position:relative;float:left;margin-left:10px;}
.designs-head .pic{width:240px;height:172px;}
.designs-head .pic-hover{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.5) url(../images/pic-hover.png) no-repeat center center;}
.designs-head a:hover .pic-hover{display:block}
.designs-side{float:right;width:300px;background-color:#fff;font-size:14px;overflow:hidden;_zoom:1}
.designs-side .tit{height:35px;line-height:35px;font-size:18px;font-weight:400;text-align:center;background-color:#333;color:#fff}
.designs-side .data{position:relative;padding:120px 20px 20px;text-align:center}
.designs-side .intro{display:none;line-height:1.4;font-size:12px;color:#999}
.designs-side .face{z-index:21;width:88px;height:88px;margin-top:-102px;}
.designs-side .face-mask{position:absolute;z-index:22;top:36px;left:106px;display:block;width:88px;height:90px;background-image:url(../images/face-mask.png)}
.designs-side .face-hover{position:absolute;z-index:21;top:36px;left:106px;display:none;width:88px;height:90px;line-height:128px;background:rgba(0,0,0,.5);text-align:center;font-size:12px;color:#fff;overflow:hidden}
.designs-side a:hover .face-hover{display:block}
.designs-side .tag{position:absolute;z-index:23;top:28px;left:187px;background-position:0 -80px;overflow:hidden;}
.designs-side .tag01{background-position:0 -80px;}
.designs-side .tag02{background-position:-20px -80px;}
.designs-side .tag03{background-position:0 -60px;}
.designs-side .name{font-size:16px;}
.designs-side .addr{display:inline-block;margin-top:10px;padding-left:16px;background:url(../images/icon.png) no-repeat left -240px}
.designs-side .sort{color:#999}
.designs-side .time{color:#999}
.designs-side .btnbox{margin-top:30px;}
.designs-side .btnbox a{margin-right:10px;}
.designs-side .btnbox .btnb{border-color:#ccc;background-color:#fff;color:#333}
.designs-side .btnbox .btna{border-color:#ccc;background-color:#fff;color:#333}
.designs-side .btnbox .btnb:hover{background-color:#c00;color:#fff}
.designs-side .btnbox .btna:hover{background-color:#09d;color:#fff}
.designs-rec{margin-top:20px;overflow:hidden;_zoom:1}
.designs-rec .more{float:left;width:30px;height:134px;line-height:136px;margin-left:10px;border:1px solid #ddd;text-align:center}
.designs-rec .more:hover{border-color:#09d;color:#09d;text-decoration:none;}
.designs-rec .works{float:left;}
.designs-rec .works a{position:relative;float:left;margin-left:10px;}
.designs-rec .pic{width:190px;height:136px;}
.designs-rec .pic-hover{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.5) url(../images/pic-hover.png) no-repeat center center;}
.designs-rec a:hover .pic-hover{display:block}

.designs-content{float:left;width:850px;min-height:600px;padding:20px;background-color:#fff;}
.designs-content .head{padding:20px;font-size:14px;color:#999}
.designs-content .title{margin-bottom:20px;font-size:20px;}
.designs-content .tag a{color:#09d}
.designs-content .copyright{color:#999}
.designs-content .con{width:800px;padding:20px;font-size:14px;}
.designs-content .con p{margin-bottom:40px;font-size:14px;}
.designs-content .con img{max-width:800px;}
.operation{margin-bottom:50px;font-size:14px;}
.operation a{color:#666}
.operation a:hover{color:#c00;text-decoration:none}
.operation .func{height:40px;margin-top:20px;text-align:right}
.operation .func a{width:50px;height:40px;line-height:70px;margin-right:20px;text-align:center;}
.operation .func .fav{background-position:center -359px}
.operation .func .report{background-position:center -440px}
.operation .func .fav:hover{background-position:center -399px}
.operation .func .report:hover{background-position:center -479px}
.operation .share{margin-top:20px;line-height:26px;text-align:center}
.share a{display:inline-block;width:26px;height:26px;margin:0 5px;background:url(../images/icon-share.png) no-repeat;text-indent:-8888px;vertical-align:middle;overflow:hidden}
.share a:hover{opacity:.8;filter:alpha(opacity=80);}
.share .qq{background-position:0 0}
.share .weixin{background-position:-30px 0}
.share .qqzone{background-position:-60px 0}
.share .weibo{background-position:-90px 0}
.share .more{background-position:-120px 0;width:58px;text-indent:0;text-align:right;}
.share .more:hover{background-position:-120px -26px}
.share-s a{display:inline-block;width:20px;height:20px;margin:0 3px;background:url(../images/icon-share.png) no-repeat;text-indent:-8888px;vertical-align:middle;overflow:hidden}
.share-s a:hover{opacity:.8;filter:alpha(opacity=80);}
.share-s .qq{background-position:0 -30px}
.share-s .weixin{background-position:-30px -30px}
.share-s .qqzone{background-position:-60px -30px}
.share-s .weibo{background-position:-90px -30px}
/** 鍏充簬鎴戜滑 **/
.about{padding-top:50px;background-color:#fff;}
.about-box{position:relative;min-height:600px;background-color:#fff;overflow:hidden;_zoom:1;}
.about-side{position:absolute;top:0;margin-bottom:-9999px;padding-bottom:9999px;width:200px;background-color:#f4f4f4;}
.about-menu{background-color:#f4f4f4}
.about-menu a{display:block;height:40px;line-height:40px;padding:0 30px;border-bottom:1px solid #eee;font-size:14px;color:#666;transition:all .2s linear;text-align:center}
.about-menu a:hover{padding-left:40px;border-left:4px solid #09d;background-color:#f5f5f5;text-decoration:none;color:#09d;}
.about-menu .curr:hover{padding-left:30px;border-left:0}
.about-menu .curr,.about-menu .curr:hover{background-color:#09d;font-weight:700;color:#fff}
.about-con{position:static;margin-bottom:-9999px;padding-bottom:9999px;width:auto;margin-left:200px;padding-left:100px;padding-right:70px;background-color:#fff}
.about-con .head{padding:50px 0 20px;}
.about-con .title{line-height:1;font-size:20px;color:#09d;}
.about-con .article{padding:20px 0 80px;line-height:2;font-size:12px;}
.about-con .article p{margin-bottom:10px;text-indent:2em;color:#333}
.about-con .article pre{color:#333;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}

/*** 鍏朵粬娉ㄥ唽&鐧诲綍&瀵嗙爜 ***/
.simple{min-height:400px;padding:100px 0 50px;background-color:#fff}
.simple .logo{text-align:center}
/* login */
.login{width:700px;margin:20px auto;}
.login .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#666;}
.login .tbox{float:right;font-size:14px;margin-top:8px;}
.login .btn-forget{float:right;color:#09d}
.login .btn-regist{color:#09d}
.login-form{width:400px;padding:30px 150px 50px;margin:10px auto;background-color:#f4f4f4}
.login-form .item{margin-top:15px}
.login-form .text{width:368px;padding:10px 15px;background:#fff;font-size:14px}
.login-form .acc{position:relative}
.login-form .btna{clear:both;width:400px;height:44px;line-height:44px;margin-top:15px;text-align:center}
/* regist */
.regist{width:700px;margin:20px auto;}
.regist .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#666;}
.regist .tbox{float:right;font-size:14px;margin-top:8px;}
.regist .btn-forget{float:right;color:#09d}
.regist .btn-regist{color:#09d}
.regist-form{width:400px;padding:30px 150px 50px;margin:10px auto;background-color:#f4f4f4}
.regist-form .item{margin-top:15px}
.regist-form .text{width:368px;padding:10px 15px;background:#fff;font-size:14px}
.regist-form .code .text{float:left;width:228px}
.regist-form .checkcode .text{float:left;width:228px}
.regist-form .codepic{width:130px;height:42px;margin-left:10px;}
.regist-form .sendout,.regist-form .sendtime{height:40px;line-height:40px}
.regist-form .btna{clear:both;width:400px;height:44px;line-height:44px;margin-top:15px;text-align:center}
.pwd-degree{height:16px;margin-top:5px;}
.pwd-degree span{float:left;width:128px;height:16px;line-height:16px;margin-right:5px;color:#fff;text-align:center}
.pwd-degree .c-default{background-color:#ddd;}
.pwd-degree .c-hint,.pwd-degree .c-hint2,.pwd-degree .c-hint3{background-color:#f50;}
.pwd-degree .c-hint{opacity:.6;filter:alpha(opacity=60);}
.pwd-degree .c-hint2{opacity:.8;filter:alpha(opacity=80);}
.pwd-degree .c-hint3{opacity:1;filter:alpha(opacity=100);}
.pop-select{width:700px;height:200px;margin:-100px 0 0 -350px;}
.pop-select li{width:350px;height:170px;padding-top:30px;text-align:center;font-size:14px;}
.pop-select .line{width:348px;border-left:2px solid #ddd}
.pop-select .txt{margin-bottom:10px;line-height:2;}
.pop-agreement{width:800px;height:400px;margin:-200px 0 0 -400px;line-height:2;font-size:12px;color:#666}
.pop-agreement .pop-tit{font-size:16px;text-align:center}
.pop-agreement .txt{height:255px;padding:20px;overflow:auto}
.pop-agreement h5{margin-top:10px;font-size:12px;color:#333}
.pop-agreement p{margin-top:10px}
.pop-agreement strong{color:#333}
.regist-succ{margin:100px 0;}
.regist-succ .icon-succ{background:url(../images/icon-succ.png) no-repeat}
/* forget */
.forget{padding:40px 0;}
.forget .tit{height:40px;line-height:40px;font-size:20px;}
.steps-bar{margin-top:10px;height:40px;line-height:40px;background-color:#e5e5e5;overflow:hidden}
.steps-bar li{position:relative;width:25%;font-size:14px;text-align:center}
.steps-bar li.curr{background-color:#43abeb;color:#fff}
.steps-bar .num{display:inline-block;width:16px;height:16px;margin-right:5px;font:700 italic 22px/16px Times;vertical-align:middle}
.steps-bar .arrow-t,.steps-bar .arrow-b{position:absolute;top:-8px;width:0;height:0;line-height:0;font-size:0;border:28px solid;border-color:transparent;_border-style:dotted;display:inline-block;*display:inline;*zoom:1}
.steps-bar .arrow-t{right:-12px;z-index:22;border-right:0;border-left-color:#e5e5e5;_border-left-style:solid}
.steps-bar .arrow-b{right:-20px;z-index:21;border-right:0;border-left-color:#fff;_border-left-style:solid}
.steps-bar li.curr .arrow-t{border-left-color:#43abeb}
.forget-form{min-height:240px;padding:50px 250px}
.forget-form .item{margin-top:20px;padding-left:80px;overflow:hidden;*zoom:1}
.forget-form .label{float:left;width:80px;margin-left:-80px;margin-top:7px;font-size:14px}
.forget-form .note-gray{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}

/*** 鐢ㄦ埛涓績 ***/
.user,.business{padding:30px 0 0px;margin-bottom:0px;background-color:#f5f5f5}
.user .tbox .btna,.user .tbox .btna-s{border-color:transparent;background-color:transparent;color:#09d}
.user .tbox .btna:hover,.user .tbox .btna-s:hover{border-color:#09d;background-color:#09d;color:#fff}
.user-head{position:relative;background-color:#fff}
.user-data{width:400px;padding:50px 0;margin:0 auto;text-align:center}
.user-data .face-box{position:relative;width:144px;margin:0 auto}
.user-data .face{z-index:21;width:144px;height:144px;}
.user-data .face-mask{position:absolute;z-index:22;top:0;left:0;display:block;width:144px;height:144px;background-image:url(../images/face-maskb.png)}
.user-data .face-hover{position:absolute;z-index:21;top:0;left:0;display:none;width:144px;height:144px;line-height:244px;background:rgba(0,0,0,.5);text-align:center;color:#fff;overflow:hidden}
.user-data a:hover .face-hover{display:block}
.user-data .tag{position:absolute;z-index:23;top:0;left:144px;background-position:0 -80px;overflow:hidden;}
.user-data .tag01{background-position:0 -80px;}
.user-data .tag02{background-position:-20px -80px;}
.user-data .tag03{background-position:0 -60px;}
.user-data .tagtxt{position:absolute;z-index:23;top:0;left:144px;display:inline-block;width:40px;height:40px;line-height:40px;background-color:#09d;color:#fff;font-size:14px;overflow:hidden;border-radius:50%;}
.user-data .name{margin-top:10px;font-size:16px;}
.user-data .addr{color:#333}
.user-data .intro{margin-top:15px;line-height:1.5;text-align:center}
.user-data .company{margin-top:15px;line-height:1.5;text-align:center}
.user-data .btnbox{margin-top:20px}
.user-data .btnbox a{margin:0 10px}
.user-data .btnbox .btnb{background-color:#fff;color:#333}
.user-data .btnbox .btna{background-color:#fff;color:#333}
.user-data .btnbox .btnb:hover{background-color:#c00;color:#fff}
.user-data .btnbox .btna:hover{background-color:#09d;color:#fff}
.user-state{position:absolute;top:50px;right:100px;}
.user-state.busy .drop-select{border-color:#c00;background-color:#c00}
.user-state.busy .drop-select i{background-position:-5px -605px;}
.user-state.busy .drop-select .menu{border-color:#c00}
/* DROP-SELECT */
.drop-select{position:relative;display:inline-block;height:28px;border:1px solid #09d;background-color:#09d}
.drop-select i{position:absolute;top:2px;right:0;width:28px;height:28px;background-color:#fff;background-position:-5px -565px;}
.drop-selecthover i{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.drop-select .text{position:relative;width:68px;padding:5px 28px 5px 0!important;border:0;background-color:transparent;color:#fff;text-align:center;cursor:pointer}
.drop-select .menu{position:absolute;top:29px;left:-1px;right:-1px;border:1px solid #09d;border-top:0;background-color:#fff}
.drop-select .menu a{display:block;height:30px;line-height:30px;padding:0 28px 0 0;text-align:center}
.drop-select .menu a:hover{color:#09d;text-decoration:none}
.user-count{position:absolute;top:50px;right:100px;width:140px;height:60px;padding:10px 10px 10px 0;border:1px solid #eee}
.user-count dt{float:left;width:50px;height:60px;margin-right:10px;border-right:1px solid #ddd;}
.user-count dt a{display:block;width:40px;height:40px;line-height:64px;margin:12px 5px 0;background-position:0 -280px;text-align:center}
.user-count dt a:hover{background-position:0 -320px;color:#333;text-decoration:none}
/* 鐢ㄦ埛瀵艰埅 */
.user-nav{height:40px;background-color:#333;text-align:center}
.user-nav ul{display:inline-block;}
.user-nav a{display:inline-block;width:120px;height:40px;line-height:40px;font-size:16px;color:#fff}
.user-nav a:hover{background-color:rgba(0,0,0,.2);text-decoration:none;}
.user-nav .curr,.user-nav .curr:hover{background-color:#c00;color:#fff}
.user-nav2{height:40px;background-color:#999;text-align:center}
.user-nav2 li{width:50%;}
.user-nav2 a{display:inline-block;width:100%;height:40px;line-height:40px;font-size:16px;color:#fff}
.user-nav2 a:hover{background-color:rgba(0,0,0,.2);text-decoration:none;}
.user-nav2 .curr,.user-nav2 .curr:hover{background-color:#c00;}
.user-nav3{height:40px;background-color:#09d;text-align:center}
.user-nav3 ul{display:inline-block;}
.user-nav3 a{display:inline-block;width:120px;height:40px;line-height:40px;font-size:16px;color:#fff}
.user-nav3 a:hover{background-color:rgba(0,0,0,.2);text-decoration:none;}
.user-nav3 .curr,.user-nav3 .curr:hover{background-color:#fff;color:#333}
/* tab */
.user-tab{height:40px;/*margin-top:20px;border-bottom:1px solid #e5e5e5;*/background-color: rgb(229, 229, 229);}
.user-tab a{display:block;height:40px;line-height:40px;padding:0 30px;font-size:14px;font-weight:700;}
.user-tab a:hover{text-decoration:none;color:#c00;background-color: rgb(255,255,255);}
.user-tab .curr{/*border-bottom:1px solid #c00;*/color:#c00;background-color: rgb(255,255,255);}
.user-tab .num{font-weight:400}
/* 涓婚〉 */
.user-con{background-color:#fff;overflow:hidden;_zoom:1}
.user-title{padding-bottom:5px;margin:20px 0 10px;border-bottom:1px solid #eee}
.user-title .tit{font-size:14px;}
.user-title a{float:right;}
.user-side{float:left;width:550px;}
.user-main{float:right;width:650px;}
.my-wealth,.my-personal,.my-transaction,.my-skillstag,.my-need,.my-record,.my-details{height:240px;padding:30px 50px;border-bottom: 10px solid rgb(245, 245, 245);border-right: 10px solid rgb(245, 245, 245);}
.my-transaction,.my-skillstag,.my-need,.my-details{border-right:0;}
.my-wealth li{width:40%}
.my-wealth li.more{width:20%;text-align:right}
.my-wealth .btnbox{margin-top:15px;text-align:right}
.my-wealth .btnbox a{width:50px;margin-left:10px;text-align:center}
.my-personal li{width:40%}
.my-transaction li{/*width:33.3%*/}
.my-transaction li a{position:relative;display:block;width:170px;}
.my-transaction .pic{width:170px;height:110px;}
.my-transaction .name{position:absolute;bottom:0;width:100%;background-color:rgba(0,0,0,.6);color:#fff;text-align:center;overflow:hidden}
.my-transaction a:hover .name{background-color:#c00}
.my-skillstag li{padding:5px 20px;margin:0 10px 5px 0;background-color:#09d;color:#fff;min-width: 60px;}
.my-need li{float:none}
.my-need .info{float:right;width:300px;color:#999}
.my-record li{text-align:right}
.my-record li .time{float:left;}
.my-record li.in{color:#c00;}
.my-record li.out{color:#09d;}
.my-record li.not{color:#333;}
.my-details li{margin-bottom:4px;}
.my-details li .time{float: left;width: 35%;}
.my-details li .money{float: left;width: 30%;}
.my-details li .other{float: left;width: 30%;}
.my-details li.in{color:#c00;}
.my-details li.out{color:#09d;}
.my-details li.not{color:#333;}

/* 鎴戠殑浣滃搧 */
.user-work{}
.user-work .user-title{height:30px;border-bottom:0;text-align:right}
.user-work .user-title a{float:none;margin-left:20px;}
.user-work .word-add{display:block;width:278px;height:45px;padding-top:225px;background:url(../images/work-add.png) no-repeat top left;font-size:16px;font-weight:700;text-align:center;color:#666}
.user-work .word-add:hover{background-position:top right;text-decoration:none;color:#c00}
/* 鎴戠殑鏀惰棌 */
.user-fav{}
.user-fav .tbox{margin-top:10px;text-align:right;}
.user-fav .designer-item{padding:20px 0;background-color:#fff}
.user-fav .designer-item .box{position:relative;border:1px solid #eee}
.user-fav .fav-del{position:absolute;top:8px;right:15px;z-index:23;display:none;font-size:12px;color:#c00}
.user-fav li:hover .fav-del{display:block}
.user-fav li:hover .fav-date{display:none}
.user-fav .fav-date{position:absolute;top:8px;right:15px;z-index:22;font-size:12px;color:#09d}
/* 鎴戠殑閭�绾� */
.user-invite{}
.user-invite .tbox{margin-top:10px;text-align:right;}
.user-invite .select-item a,.user-invite .select-item a:hover{padding:0 0 0 25px;border:0;background-color:transparent}
.user-invite .select-item a{background-position:left -5px}
.user-invite .select-item .curr{background-position:left -35px}
.user-invite .select-list{float:right}
.invite-list{margin-top:10px;padding:20px;background-color:#fff;}
.invite-list thead th{text-align:center}
.invite-list .sep td{padding:8px;}
.invite-list .hd{border:1px solid #eee;background-color:#f5f5f5}
.invite-list .hd td{padding:8px 10px;}
.invite-list .del{display:none;float:right;height:20px;line-height:20;background:url(../images/icon.png) no-repeat 0 -540px;color:#09d;overflow:hidden}
.invite-list tbody:hover .del{display:block;}
.invite-list tbody:hover .hd{background-color:#eee}
.invite-list .time{color:#999}
.invite-list .bd td{border:1px solid #eee}
.invite-list .data{position:relative}
.invite-list .face{float:left;z-index:21;width:88px;height:88px;margin-right:10px;}
.invite-list .face-mask{position:absolute;z-index:22;top:0;left:0;display:block;width:88px;height:88px;background-image:url(../images/face-mask.png)}
.invite-list .name{font-size:15px;font-weight:bold}
.invite-list .addr{display:inline-block;margin-right:10px;padding-left:16px;background:url(../images/icon.png) no-repeat left -240px}
.invite-list .title{font-size:14px;}
.invite-list .intro{position:relative;width:340px;font-family:'Hiragino Sans GB','Microsoft Yahei';word-wrap:break-word;}
.invite-list .intro .open{position:absolute;right:0;bottom:-20px}
.invite-list .date{text-align:center}
.invite-list .budget{text-align:center}
.invite-list .money{font-size:14px;color:#c00}
.invite-list .invoice{color:#999}
.invite-list .type{text-align:center}
.invite-list .operate{text-align:center}
.invite-list .operate a{margin:5px;}
.invite-list .state{text-align:center;color:#999}
.invite-list .s-normal{color:#999}
.invite-list .s-wait{color:#09d}
.invite-list .s-succ{color:#c00}
.invite-list .s-tips{color:#c00}

/* 鎴愬姛浜ゆ槗 */
.user-trade{}
.user-trade .tbox{margin:-35px 0 30px;text-align:right;}
.user-tlist{padding:20px;background-color:#fff;}
.user-tlist .hd td{padding:8px 10px;color:#999}
.user-tlist .time{margin-right:10px;}
.user-tlist .bd td{font-size:14px;color:#999}
.user-tlist .money{color:#c00}
.user-tlist .invoice{color:#999}
.user-tlist .s-normal{color:#999}
.user-tlist .s-wait{color:#09d}
.user-tlist .s-succ{color:#c00}
.user-tlist .operate{text-align:center}
.user-tlist .operate a{display:inline-block;width:60px;margin:3px 0;font-size:12px;}
.ongoing .btna-s,.ongoing .btna-s:hover,.ongoing .btnb-s,.ongoing .btnb-s:hover{border-color:#bbb;background-color:#bbb;opacity:1;filter:alpha(opacity=100);cursor:default}
/** 鍏ㄩ儴浜ゆ槗 **/
.alltrade{margin-top:50px;}
.alltrade .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#333;}
.alltrade .tbox{float:right;font-size:14px;}
.alltrade-form{min-height:400px;padding:20px 20px 50px 120px!important;margin:10px auto;background-color:#f4f4f4}
.alltrade-form .title{margin:20px 0 10px;font-size:16px;color:#333}
.alltrade-form .upload-cardlist{height:160px;}
.alltrade-form .upload-card{position:relative;margin-right:20px;}
.alltrade-form .upload-card .pic{height:110px;border:0}
.alltrade-form .upload-card .pic img{width:170px;height:110px;}
.alltrade-form .btn-upload{width:144px;margin-top:1px;text-align:center}
.alltrade-form .btnbox{margin-top:20px;text-align:center}
.alltrade-form .tips{display:none;position:absolute;top:0;left:0;width:170px;height:85px;padding-top:25px;background-color:rgba(0,0,0,.6);color:#fff;text-align:center;overflow:hidden}
.alltrade-form  li:hover .tips{display:block}
.alltrade-form .not{display:block;width:170px;height:110px;line-height:110px;background-color:#bbb;color:#fff;text-align:center;overflow:hidden}
/** 鍟嗗浜ゆ槗 **/
.business-trade{padding:50px;background-color:#fff}
.business-trade .btn-complain{float:right;color:#09d}
.business-trade .title{margin:20px 0 10px;font-size:16px;color:#333}
.business-trade .upload-cardlist{height:160px;}
.business-trade .upload-card{position:relative;margin-right:10px;}
.business-trade .upload-card .pic{height:110px;border:0}
.business-trade .upload-card .pic img{width:170px;height:110px;}
.business-trade .btn-upload{width:144px;margin-top:1px;text-align:center}
.business-trade .btnbox{margin-top:20px;text-align:center}
.business-trade .tips{display:none;position:absolute;top:0;left:0;width:170px;height:85px;padding-top:25px;background-color:rgba(0,0,0,.6);color:#fff;text-align:center;overflow:hidden}
.business-trade  li:hover .tips{display:block}
.business-trade .not{display:block;width:170px;height:110px;line-height:110px;background-color:#bbb;color:#fff;text-align:center;overflow:hidden}
.business-trade .btn-not{border-color:#666;background-color:#666;cursor:default}
.business-tlist{margin-top:20px;padding:20px;background-color:#fff}
.business-tlist .hd td{padding:8px 10px;color:#999}
.business-tlist .time{margin-right:10px;}
.business-tlist .bd td{font-size:14px;color:#999}
.business-tlist .money{color:#c00}
.business-tlist .s-normal{color:#999}
.business-tlist .s-wait{color:#09d}
.business-tlist .s-succ{color:#c00}
.business-tlist .operate{text-align:center}
.business-tlist .operate a{display:inline-block;width:60px;margin:3px 0;font-size:12px;}
/** POP璇勪环 **/
.pop-comment{top:140px!important;width:440px;height:auto;margin-left:-220px}
.pop-comment-con{padding:60px 50px 40px;}
.pop-comment-con .btnbox{margin-top:20px;text-align:center}
.star-rating .checkbox{float:left;display:none}
.star-rating .revpro li{display:inline-block;height:20px;line-height:20px;margin-bottom:10px;font-size:14px;}
.star-rating .revtit{float:left;width:80px;margin-right:20px;text-align:right}
.star-rating .revinp{float:left;}
.star-rating .level .solid,.star-rating .level .hover,.star-rating .level .hollow{float:left;display:inline-block;width:20px;height:20px;margin-right:5px;background:url(../images/icon-star.png) no-repeat;}
.star-rating .level .solid{background-position:-40px 0;}
.star-rating .level .hover{background-position:-20px 0;}
.star-rating .level .hollow{background-position:0 0;}
.star-rating .revgrade{margin-left:20px;}
/** POP鎶曡瘔 **/
.pop-complain{top:140px!important;width:440px;height:auto;margin-left:-220px}
.pop-complain-con{padding:20px 20px 30px;}
.pop-complain-con .textarea{width:388px;height:120px;}
.pop-complain-con .btnbox{margin-top:10px;text-align:center}
.pop-complain-con .btnbox button{margin:0 10px}
/** POP涓炬姤 **/
.pop-report{top:140px!important;width:440px;height:auto;margin-left:-220px}
.pop-report-con{padding:20px 20px 30px;}
.pop-report-con .textarea{width:388px;height:120px;}
.pop-report-con .btnbox{margin-top:10px;text-align:center}
.pop-report-con .btnbox button{margin:0 10px}
/** POP閭�璇风爜 **/
.pop-invite .msg-box{margin-top:40px!important;}
.pop-invite .msg-text{text-align:left!important;}
.pop-invite .msg-box strong{color:#09c}

/** 鍙戝竷闇�姹� **/
.publish{margin-top:20px;}
.publish .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#333;}
.publish .tbox{float:right;font-size:14px;}
.publish-form{min-height:400px;padding:20px 280px 50px 200px!important;margin:20px auto 0;background-color:#f4f4f4}
.publish-form .select-s{width:115px;}
.publish-form .file-item .note-gray{float:right;width:510px;margin-top:3px;}
.publish-form .file-item input{margin-top:5px;margin-right:5px;}
.publish-form .file-item .addfile{margin-top:0;}
.publish-recom{padding:20px 20px 50px;margin:10px auto;background-color:#fff}
.publish-recom .select-item a,.publish-recom .select-item a:hover{padding:0 0 0 25px;border:0;background-color:transparent}
.publish-recom .select-item a{background-position:left -5px}
.publish-recom .select-item .curr{background-position:left -35px}
.publish-recom .func{margin:10px 0 20px;font-size:14px;color:#333}
.publish-recom .select-tip{float:right;}
.publish-recom .select-tip span{color:#c00}
.publish-recom .select-list{position:absolute;top:10px;right:20px;z-index:258;font-size:14px;color:#333}
.publish-recom .pagination{padding:0;text-align:right;margin-top: 10px;}
.publish-recom .pagination a{width:80px;margin-left:10px;margin-right:0;}
.publish-recom .btnbox{text-align:center}
.publish-recom .designer-item li{width:573px;}
.publish-recom .designer-item .pic{width:127px;}
.publish-recom .designer-item .box{position:relative;font-size:12px;}
/** POP閫夋嫨妯＄増 **/
.pop-template{top:140px!important;width:440px;height:auto;margin-left:-220px}
.pop-template-con{padding:60px 50px 50px;}
.pop-template-con .btnbox{margin-top:20px;text-align:center}
.pop-template-con .btnbox button{margin:0 5px;}
.pop-template-con .select-item a,.pop-template-con .select-item a:hover{padding:0 0 0 25px;border:0;background-color:transparent}
.pop-template-con .select-item a{display:block;background-position:left -5px}
.pop-template-con .select-item .curr{background-position:left -35px}
.pop-template-con .group{height:34px;margin-bottom:10px;border-bottom:1px solid #eee}
.pop-template-con .btng-s{float:right;}
.pop-publish{top:30px!important;width:630px!important;margin-left:-315px!important}
.pop-publish .publish-form{padding:0!important;margin:0!important;background-color:transparent;}
.pop-publish .publish-form .item{margin-top:0}
.pop-publish .publish-form .textarea{width:488px;}
.pop-publish .publish-form .file-item .note-gray{width:410px;}
/** 浜ゆ槗娴佺▼ **/
.trade{margin-top:20px;}
.trade .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#333;}
.trade .tbox{float:right;font-size:14px;}
.trade-form{min-height:300px;padding:50px 0px 50px 200px!important;margin:20px auto 0;background-color:#fff}
/** 涓婁紶浣滃搧 **/
.workupload{margin-top:20px;}
.workupload .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#333;}
.workupload .tbox{float:right;font-size:14px;}
.workupload-form{min-height:400px;padding:20px 280px 50px 200px!important;margin:10px auto;background-color:#fff}
.workupload-mod{width:610px;}
.workupload-mod .pic{position:relative;display:inline-block;width:191px;height:120px;margin-right:10px;margin-bottom:10px;border:1px solid #ddd;vertical-align:bottom;}
.workupload-mod .pic img{width:191px;height:120px;}
.workupload-mod .del{position:absolute;top:0;right:0;width:10px;height:10px;line-height:20;padding:2px;background:rgba(0,0,0,.8) url(../images/icon.png) no-repeat -23px -123px;overflow:hidden}
.workupload-mod .del-x{position:absolute;top:0;right:0;width:14px;height:12px;line-height:18;padding:2px;overflow:hidden}
.workupload-mod .del-x i{position:absolute;top:0;right:0;width:11px;height:13px;line-height:20;padding:2px;overflow:hidden;background-color: black;;color: white;font:normal 16px/10px Tahoma;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}

.workupload-mod .del:hover{background-color:#c00;background-position: -23px -123px;}
.workupload-mod .del-x i:hover{background-color:#c00;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.workupload-mod .btn-upload{display:inline-block;width:200px;height:120px;line-height:120px;text-align:center;font-size:20px;font-weight:700;color:#666;text-indent:-8888px;background:url(../images/pic-add.png) no-repeat;overflow:hidden}
.workupload-mod .btn-upload:hover{opacity:.8;filter:alpha(opacity=80);}
/** 璁剧疆灏侀潰 **/
.workcover{margin-top:20px;}
.workcover .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#333;}
.workcover .tbox{float:right;font-size:14px;}
.workcover-form{min-height:400px;margin:20px auto 0;background-color:#fff}
.workcover-form .tab{height:40px;text-align:center}
.workcover-form .tab ul{float:left;background-color:#333;}
.workcover-form .tab li{width:400px;}
.workcover-form .tab .item{display:inline-block;width:100%;height:40px;line-height:40px;font-size:16px;color:#fff}
.workcover-form .tab a:hover{background-color:rgba(0,0,0,.2);text-decoration:none;}
.workcover-form .tab .curr,.workcover-form .tab .curr a:hover{background-color:#c00;color:#fff}
.workcover-form .tab span.item{float:right;width:400px;background-color:rgb(151,151,151);}
.workcover-mod{padding:20px 20px 20px 19px;overflow:hidden;_zoom:1}
.workcover-mod .side{float:left;width:210px;}
.workcover-mod .crop{float:left;width:660px;}
.workcover-mod .preview{float:right;width:290px;margin-left:0px;position: relative;top: 0px}
.workcover-list{border:1px solid #ddd;background-color:#fff;text-align:center;max-height:400px;padding-bottom:20px;overflow-y:auto;}
.workcover-list li{margin-top:20px;}
.workcover-list a:hover{opacity:.8;filter:alpha(opacity=80);}
.workcover-list .pic{width:170px;height:100px;}
.workcover-list::-webkit-scrollbar{width:10px;}
.workcover-list::-webkit-scrollbar-track-piece{background-color:#fff;}
.workcover-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:8px;}
.workcover-list::-webkit-scrollbar-thumb:hover{background-color:#999;}
.workcover-upload{margin:100px 0 0 50px}
.workcover-upload .note-gray{margin-top:15px}
.workcover-crop{width:620px;min-height:310px;margin-left:20px;border:1px solid #ddd;background-color:#fff;text-align:center}
.workcover-crop .pic{max-width:620px;/*max-height:400px*/;margin:10px}
.workcover-preview{padding:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;overflow:hidden;_zoom:1}
.workcover-preview .pic{width:280px;height:200px;}
.workcover-preview .info{margin:15px 15px 10px;}
.workcover-preview .name{font-size:16px;}
.workcover-preview .price{float:right;}
.workcover-preview .sort{margin-top:5px;color:#999;width: 190px;}
.workcover-preview .love{float:right;margin-top:5px;padding-left:20px;background:url(../images/icon.png) no-repeat left -260px;color:#999}
.workcover-form .btnbox{margin-top:20px;text-align:center}
/** 璐﹀彿璁剧疆 **/
.accset{margin-top:20px;}
.accset .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#333;margin-bottom:10px}
.accset .tbox{float:right;font-size:14px;margin-top:10px;}
.accset .user-tab{margin-bottom:-20px;background-color:#fff;text-align:center}
.accset .user-tab ul{display:inline-block;margin:0 auto;}
.accset-form{min-height:400px;padding:5px 50px 50px 200px!important;margin:20px auto 0;background-color:#fff}
.accset-form .area{min-width:95px;width:auto;}
.accset-form .demand-sort{margin-top:10px;}
.accset-form .demand-sort label{margin-right:20px;}
.accset-form .upload-card{float:left;margin-right:20px;}
.accset-form .btn-upload{width:146px;margin-top:10px;text-align:center}
.accset-form .upload-face .btn-upload{width:76px;margin-top:0;text-align:center}
.accset-form .upload-facebox{float:right;margin-right:100px;}
.accset-form .payee{display:inline-block;margin-top:7px;font-weight:400;font-size:14px;color:#c00}
/** 韬唤璁よ瘉 **/
.idauth{margin-top:20px;}
.idauth .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#333;}
.idauth .tbox{float:right;font-size:14px;}
.idauth-form{min-height:400px;padding:20px 50px 50px 200px!important;margin:20px auto 0;background-color:#f4f4f4}
.idauth-form .upload-card{float:left;margin-right:20px;}
.idauth-form .btn-upload{width:146px;margin-top:10px;text-align:center}
/** 淇敼鎵嬫満鍙风爜 **/
.phone{margin-top:50px;}
.phone .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#333;}
.phone .tbox{float:right;font-size:14px;}
.phone-form{min-height:300px;padding:50px 50px 50px 400px!important;margin:20px auto 0;background-color:#f4f4f4}
.phone-form .item{margin-top:15px}
.phone-form .text{width:368px;padding:10px 15px;background:#fff;font-size:14px}
.phone-form .code .text{float:left;width:228px}
.phone-form .sendout,.phone-form .sendtime{height:40px;line-height:40px}
.phone-form .curr-phone{font-size:14px;}
.phone-form .curr-phone strong{display:block;line-height:1.5;font-size:24px;}
.phone-form .btnb{clear:both;width:400px;height:44px;line-height:44px;margin-top:15px;text-align:center}
/** 绯荤粺娑堟伅 **/
.webmsg{margin-top:50px;}
.webmsg .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#333;}
.webmsg .tbox{float:right;font-size:14px;}
.webmsg .select-item a,.webmsg .select-item a:hover{padding:0 0 0 25px;border:0;background-color:transparent}
.webmsg .select-item a{background-position:left -5px}
.webmsg .select-item .curr{background-position:left -35px}
.webmsg-list{min-height:400px;margin:10px auto;background-color:#fff;border-top:1px solid #999}
.webmsg-list .box{position:relative;height:88px;padding:30px 50px;border-bottom:1px solid rgb(221, 221, 221)}
.webmsg-list .box:hover{background-color:#f8f8f8}
.webmsg-list .data{position:relative;float:left;width:260px;}
.webmsg-list .con{float:left;width:640px;}
.webmsg-list .func{float:right;width:120px;padding-top:26px;}
.webmsg-list .face{float:left;z-index:21;width:88px;height:88px;margin-right:10px;}
.webmsg-list .face-mask{position:absolute;z-index:22;top:0;left:0;display:block;width:88px;height:88px;background-image:url(../images/face-mask.png)}
.webmsg-list .tag{margin-top:20px;font-size:16px;color:#09d}
.webmsg-list .title{font-size:14px;font-weight:700;color:#333;word-wrap:break-word; word-break:break-all;}
.webmsg-list .title:hover,.webmsg-list .hadread .title:hover{color:#c00}
.webmsg-list .msg{font-size:14px;margin-top:10px;word-wrap:break-word; word-break:break-all;}
.webmsg-list .hadread .title{color:#666}
.webmsg-list .hadread .btna{background-color:#999;border-color:#999}
.webmsg-list .select-list{position:absolute;top:10px;right:20px;z-index:258;font-size:12px;color:#333}
/** POP绯荤粺娑堟伅璇︽儏 **/
.pop-webmsg{top:140px!important;width:600px;height:auto;margin-left:-300px}
.pop-webmsg-con{padding:20px 50px 0;}
.pop-webmsg-con .btnbox{margin:10px 0 10px 100px;}
.pop-webmsg-con .btnbox button{margin-right:10px;}
.webmsg-details dl{padding-left:100px;font-size:14px;color:#333}
.webmsg-details dt{float:left;width:90px;margin-left:-100px;padding:5px 10px 5px 0;text-align:right}
.webmsg-details dd{padding:5px 0;word-wrap:break-word; word-break:break-all;}
.webmsg-details .money{color:#c00}
/** 绉垎瑙勫垯 **/
.rule{margin-top:20px;}
.rule .tit{height:30px;line-height:30px;font-size:20px;font-weight:400;color:#333;}
.rule .tbox{float:right;font-size:14px;}
.rule-con{min-height:300px;padding:50px 250px;margin:20px auto 0;background-color:#fff;}
.rule-con .txt{line-height:2;font-size:16px;color:#333}
.rule-con .btnbox{margin-top:40px;text-align:center}
.rule-con .note-gray{margin-top:10px;color:#333}


/*** COMMON ***/
/* TABLE */
.table{background-color:#fff;}
.table thead{border-top:1px solid #ddd}
.table tbody{border-bottom:1px solid #ddd}
.table th{padding:10px;font-weight:400;color:#333;text-align:left;background-color:#f4f4f4;background:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f4f4f4));background:linear-gradient(top,#f8f8f8,#f4f4f4)}
.table td{padding:20px 10px;border-top:1px solid #eee;color:#333;white-space:normal;text-align:left;word-wrap:break-word;word-break:break-all}
.table .nodata{margin:50px 0;font-size:20px;font-weight:700;color:#ddd;text-align:center}
/* 缈婚〉妯″潡 */
.pagination{padding:50px 0;text-align:center}
.pagination-w{display:inline-block}
.pagination a{float:left;height:38px;line-height:38px;min-width:30px;padding:0 5px;margin-right:10px;border:1px solid #ddd;background-color:#fff;font-size:14px;color:#333;text-align:center;overflow:hidden}
.pagination a:hover{border-color:#09d;background-color:#09d;color:#fff;text-decoration:none}
.pagination .curr,.pagination .curr:hover{border-color:#ddd;background-color:#ddd;color:#333;}
.pagination .disabled{color:#bbb}
.pagination .disabled:hover{border-color:#ddd;background-color:#fff;color:#bbb;cursor:default}
.pagination .dot{float:left;line-height:32px;margin:0 10px}
.pagination i{font-size:32px;font-family:'\5b8b\4f53';}
.pagination .prev i{margin-right:3px}
.pagination .next i{margin-left:3px}
.pagination .count{float:left;margin:7px 20px 0 0;font-size:14px;color:#666}
.pagination .skip{display:inline-block;margin:1px 0 0 20px;font-size:14px;color:#666}
.pagination .skip b{margin:0 3px}
.pagination .skip .text{width:24px;padding:9px 10px;margin:0 5px;font-size:14px;text-align:center}
.pagination .skip .btna{height:40px;line-height:38px;padding:0 10px}
/** FORM **/
.form-con{padding:20px 0 50px 80px;background-color:#fff;color:#333}
.form-con .item{padding-left:120px;margin-top:20px;overflow:hidden;_zoom:1}
.form-con .label{float:left;width:100px;padding-right:20px;margin-top:7px;margin-left:-120px;text-align:right;font-size:14px;color:#333}
.form-con .mt{display:inline-block;margin-top:7px;}.form-con .ml{display:inline-block;margin-left:20px;}
.pwd-control{display:inline-block;width:198px;height:30px;line-height:30px;background-color:#f4f4f4;border:1px solid #ccc;color:#09f;text-align:center}
.pwd-control:hover{background-color:#fff;border:1px solid #09f;color:#09f;text-decoration:none}
.asterisk{display:inline-block;width:5px;margin-left:-10px;padding-right:5px;font:normal 12px/20px '\5b8b\4f53';color:red}
.sendout,.sendtime{display:inline-block;width:128px;height:30px;line-height:30px;margin-left:10px;text-align:center;vertical-align:middle}
.sendout{border:1px solid #09d;background-color:#fff;color:#09d}
.sendout:hover{background-color:#09d;border-color:#09d;color:#fff;text-decoration:none}
.sendtime{border:1px solid #ddd;background-color:#ddd;color:#fff}
.label-list{display:inline-block;margin-top:7px;}
.label-list label{display:inline-block;min-width:60px;margin-right:10px;}
.select-item a{display:inline-block;padding:5px 10px 5px 25px;margin-right:10px;border:1px solid #ccc;background:#fff url(../images/icon-radio.png) no-repeat top left;}
.select-item a:hover{border:1px solid #aaa;text-decoration:none;}
.select-item a.curr{background-position:bottom left}
.select-item .text{width:163px;padding:0;border:0}
.upload-card{width:172px;}
.upload-card .pic{display:inline-block;width:170px;height:124px;margin-right:10px;border:1px solid #ddd;vertical-align:bottom;}
.upload-card .pic img{width:170px;height:124px}
.upload-face{width:100px;}
.upload-face .pic{display:inline-block;width:100px;height:100px;margin-right:10px;border:1px solid #ddd;vertical-align:bottom;}
.upload-face .pic img{width:100px;height:100px}
.form-con .btnbox{margin-top:20px}
.form-con .btnbox button{margin-right:20px}
/* NOTE & ICON */
.note-gray,.note-error,.note-query{font-size:12px;font-weight:400}
p.note-gray,p.note-error,p.note-query{margin-top:5px}
span.note-gray,span.note-error,span.note-point,span.note-query{margin-left:10px}
.note-gray{color:#999}
.note-error{color:red}
.note-point{color:red}
.note-query{color:gray}
.icon-hint,.icon-warn,.icon-error,.icon-succ,.icon-query{display:inline-block;width:40px;height:40px;margin:-8px 10px 0 0;background:url(../images/icon-msg.png) no-repeat;vertical-align:middle}
.icon-hint{background-position:0 0}
.icon-warn{background-position:-41px 0}
.icon-error{background-position:-82px 0}
.icon-succ{background-position:-123px 0}
.icon-query{background-position:-164px 0}
.icon-hint-s,.icon-warn-s,.icon-error-s,.icon-succ-s,.icon-query-s{display:inline-block;width:14px;height:14px;margin:-2px 4px 0 0;background:url(../images/icon-msg.png) no-repeat;vertical-align:middle}
.icon-hint-s{background-position:0 -41px}
.icon-warn-s{background-position:-15px -41px}
.icon-error-s{background-position:-30px -41px}
.icon-succ-s{background-position:-45px -41px}
.icon-query-s{background-position:-60px -41px}
.norecord{margin:40px 40px 60px;padding-top:100px;background:url(../images/norecord.png) no-repeat top center;font-size:18px;font-weight:700;text-indent:1em;color:#bbb;text-align:center}
.note-success{margin:100px 150px 150px;padding:60px 0;border:2px solid #ddd;text-align:center;}
.note-success .box{display:inline-block;padding-left:100px;text-align:left}
.note-success strong{display:block;margin:20px 0 15px;font-size:24px;font-weight:700;color:#666;}
.note-success .icon-success{float:left;display:inline-block;width:88px;height:88px;margin-left:-100px;background:url(../images/icon-succ.png) no-repeat;}
.note-success p{font-size:14px;}
/* INPUT */
.text-s,.text,.text-l,.select-s,.select,.select-a,.textarea{padding:5px;border:1px solid #d5d5d5;background-color:#fff;vertical-align:middle}
.text-s,.text,.text-l{height:20px;line-height:20px}
.text-s{width:88px}.text{width:188px}.text-l{width:488px}
.text[disabled],.text[disabled]:hover,.text[disabled]:focus{border-color:#ccc;background-color:#e5e5e5}
.text[readonly],.text[readonly]:hover,.text[readonly]:focus{padding-left:0;padding-right:0;border-color:transparent;background-color:transparent}
.text-s:hover,.text:hover,.text-l:hover,select:hover,textarea:hover{border-color:#aaa}
.text-s:focus,.text:focus,.text-l:focus,select:focus,textarea:focus{border-color:#09d}
.text-item{position:relative;display:inline-block}
.text-item .l,.text-item .r{position:absolute;top:1px;padding:0 10px;height:30px;line-height:30px;background-color:#eee;text-align:center;vertical-align:middle;font-style:normal}
.text-item .l{left:1px;border-right:1px solid #ddd}
.text-item .r{right:1px;border-left:1px solid #ddd}
.text-date{background:url(../images/icon-date.png) no-repeat right}
.text-countbox{margin-top:5px;text-align:left;}
.text-count{color:red}
.select-s,.select,.select-a{height:32px;*height:auto}
.select-s{width:100px}.select{width:200px}.select-a{width:auto;min-width:98px;}
.textarea{width:588px;height:100px;vertical-align:top;resize:vertical;}
.radio,.checkbox{margin:-1px 4px 0 4px;*margin:0 2px 0 0;vertical-align:middle}
/* BTN */
.btng-s,.btnb-s,.btna-s,.btng,.btnb,.btna,.btng-l,.btnb-l,.btna-l{display:inline-block;color:#fff;vertical-align:middle;*overflow:visible}
.btng-s,.btnb-s,.btna-s{height:24px;line-height:22px;line-height:20px\9;_height:19px;_line-height:19px;padding:0 12px;font-size:12px;font-weight:400;}
a.btng-s,a.btnb-s,a.btna-s{height:22px;line-height:22px}
.btng,.btnb,.btna{height:32px;line-height:30px;line-height:28px\9;_line-height:27px;_height:27px;padding:0 24px;font-size:14px;}
a.btng,a.btnb,a.btna{height:30px;line-height:30px}
.btng-l,.btnb-l,.btna-l{height:44px;line-height:42px;line-height:40px\9;_line-height:39px;_height:39px;padding:0 32px;font-size:16px;font-weight:700;font-family:'Hiragino Sans GB','Microsoft Yahei';}
a.btng-l,a.btnb-l,a.btna-l{height:42px;line-height:42px}
.btng-s,.btng,.btng-l{border:1px solid #ccc;background-color:#f4f4f4;color:#333}
.btnb-s,.btnb,.btnb-l{border:1px solid #c00;background-color:#c00}
.btna-s,.btna,.btna-l{border:1px solid #09d;background-color:#09d}
.btng-s:hover,.btnb-s:hover,.btna-s:hover,.btng:hover,.btnb:hover,.btna:hover,.btng-l:hover,.btnb-l:hover,.btna-l:hover{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
.btng-s:hover,.btng:hover,.btng-l:hover{border-color:#09d;background-color:#fff;color:#09d}
.btng-s:active,.btnb-s:active,.btna-s:active,.btng:active,.btnb:active,.btna:active,.btng-l:active,.btnb-l:active,.btna-l:active{opacity:1;filter:alpha(opacity=100)}
.btn-ban{border-color:#999;background-color:#999;color:#fff;cursor:default}
.btn-upload{position:relative;margin-right:20px}
.btn-upload .file{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;filter:alpha(opacity=0)}
/** POP **/
.pop-back{position:fixed;_position:absolute;z-index:998;top:0;left:0;width:100%;_width:expression(document.documentElement.clientWidth);height:100%;_height:expression(document.documentElement.clientHeight);background-color:#333;filter:alpha(opacity=50);opacity:.5;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.pop-wrap{position:fixed;_position:absolute;z-index:999;top:50%;left:50%;background-color:#fff;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.1);-moz-box-shadow:2px 2px 8px rgba(0,0,0,.1);box-shadow:2px 2px 8px rgba(0,0,0,.1)}
.fade .pop-wrap{filter:alpha(opacity=0);opacity:0;-webkit-transition:1s ease-out;-o-transition:1s ease-out;transition:1s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.in .pop-wrap{filter:alpha(opacity=100);opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.pop-box{height:100%}
.pop-tit{height:50px;line-height:50px;padding:3px 20px 0;border-bottom:1px solid #eee;background-color:#fff;font-size:14px;font-weight:700;color:#333}
.pop-close{position:absolute;top:12px;right:10px;width:24px;height:24px;line-height:24px;text-align:center;color:#d23730;cursor:pointer;overflow:hidden}
.pop-close .icon-close{position:absolute;top:0;right:0;width:100%;height:100%;background-color:#fff;color:#bbb;font:normal 30px/20px Tahoma;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.pop-close:hover .icon-close{color:#666;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.msg-box{margin:40px auto 0;text-align:center}
.msg-text{display:inline-block;padding-left:45px;text-align:left;font-size:20px;font-weight:700}
.msg-text i{float:left;margin:-8px 0 0 -50px}
.msg-text p{margin-top:10px;font-size:12px;font-weight:400}
.msg-text a{text-decoration:underline}
/* POP SIZE*/
.pop-msg{width:440px;height:240px;margin:-120px 0 0 -220px}
.pop-msg-con .btnbox{position:absolute;left:0;bottom:0;width:100%;height:50px;border-top:1px solid #eee;background-color:#f4f4f4;text-align:center}
.pop-msg-con button{margin:8px 10px 0}
.pop-form{top:120px;width:440px;height:auto;min-height:240px;margin-left:-220px}
.pop-form-con{padding:20px}
.pop-form-con .item{clear:both;min-height:32px;*height:32px;padding-left:90px;margin-bottom:10px}
.pop-form-con .label{float:left;width:80px;padding-right:10px;margin:6px 0 0 -90px;text-align:right;font-size:12px;color:#333}
.pop-form-con .textarea{width:260px;height:100px;margin-bottom:-5px}
.pop-form-con .btnbox{padding-left:90px;margin-top:20px}
.pop-form-con button{margin-right:10px}
.pop-form-con .note-error{padding:5px 10px;margin:-10px 0 10px;border:1px solid #faebcc;background-color:#fcf8e3}
.pop-form-con .link-add{display:inline-block;height:18px;margin-left:10px;color:#d23730}
.pop-form-con .link-add:hover{text-decoration:none;cursor:pointer;border-bottom:1px solid #d23730}
.pop-form-con .icon-add{float:left;width:14px;height:14px;margin-top:2px;font:18px/14px Tahoma}
.pop-succ{width:440px;height:200px;margin:-100px 0 0 -220px}
.pop-succ .msg-box{margin-top:70px}
/* TOOL */
.toolbar{width:40px;height:auto;position:fixed;_position:absolute;z-index:5;right:0;bottom:100px;_bottom:"auto"}
.toolbar a{position:relative;display:block;width:40px;height:40px;line-height:40px;margin-bottom:1px;text-align:center;color:#fff}
.toolbar i{position:absolute;z-index:55;left:0;width:100%;height:100%;background:#fea500 url(../images/icon.png) no-repeat;overflow:hidden;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}
.toolbar .returntop i{background-position:center -80px}
.toolbar .feedback i{background-position:center -120px}
.toolbar span{position:absolute;z-index:54;left:0;width:70px;background-color:#fea500;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.toolbar a:hover i{background-color:#fea500}
.toolbar a:hover span{left:-70px;opacity:1;filter:alpha(opacity=100)}

/*** FOOTER ***/
.bottombar{background-color:#fff;border-top:1px solid #eee}
.feature-item{/*padding-left:40px;*/}
.feature-item li{width:23%;padding:23px 0 23px 2%;text-align:left;color:#333}
.feature-item h5{padding:15px 0 5px 140px;font-size:18px;}
.feature-item p{/*margin:10px 0;*/font-size:12px; color:#666;padding-left:140px;}
.feature-item i{display:inline-block;margin-left:45px;width:100px;height:100px;background-image:url(../images/icon-feature.png);background-repeat:no-repeat;webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.feature-item .i1{background-position:0 0}
.feature-item .i2{background-position:0 -104px}
.feature-item .i3{background-position:0 -210px}
.feature-item .i4{background-position:0 -314px}
.feature-item .effect{margin-top:10px;float:left;display:block;width:60px;height:100px;margin-right:30px;position:relative;z-index:1;border-radius:50%;border:1px solid #fff;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.feature-item .effect:after{background-color:#fff;position:absolute;z-index:-1;top:-4px;left:-20px;width:108px;height:108px;content:'';border-radius:50%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;
box-sizing:content-box;-webkit-transition:-webkit-transform 0.2s, opacity 0.3s;-moz-transition:-moz-transform 0.2s, opacity 0.3s;transition:transform 0.2s, opacity 0.3s;}
.feature-item li:hover .effect:after{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0;}
.footer{margin-top:50px;background-color:#3b3636;}
.footer-w{height:110px;padding-top:10px;color:rgb(221, 221, 221);text-align:left;font-size:12px;}
.footer .app{float:left;width:130px;}
.footer .app p{margin-top:2px;font-weight:400;color:#ddd}
.footer .contact{float:right;padding-top:40px;}
.footer .contact .phone{margin-left:20px;}
.footer .contact strong{font-size:16px;font-weight:400;color:rgb(187, 187, 187)}
.footer .social{float:right;padding-top:30px;}
.footer .social a{margin-left:10px;}
.footer .social i{display:inline-block;width:40px;height:40px;vertical-align:text-bottom;background:url(../images/icon-contact.png) no-repeat;}
.footer .social .weixin i{position:relative; background-position:0 0}
.footer .social .sina i{position:relative; background-position:-40px 0}
/*footer涓嬮潰寰俊鍜屽井鍗歨over*/
.weixin_nr{border:1px solid #ededed;width:90px; height:105px; padding:10px;color:black; background:#fff; text-align:center;position:absolute;   bottom:95px;display: none;z-index:1000;}
.weibo_nr{border:1px solid #ededed;width:90px; height:105px; padding:10px;color:black; background:#fff; text-align:center;position:absolute;   bottom:95px;display:none;z-index:1000;}

.footer .info{padding-top:40px;}
.footer .info a{margin-right:10px;color:#ddd}
/*鍙戠エ*/
.bill{display: block;width: 16px;height: 16px;background:url(../images/tax.png) no-repeat;position:relative; /*杩欎釜鏄叧閿�*/z-index:2;}
.bill:hover{display: block;width: 16px;height: 16px;background:url(../images/tax.png) no-repeat;z-index:3;}
.bill div{display: none;}
.bill:hover div{ /*span 鏍囩浠呭湪 :hover 鐘舵�佹椂鏄剧ず*/display:block;position:absolute;top:0px;left:20px;width:430px;border:0px solid black;background-color:#09d;padding: 3px;color:white;}

/*绋庣巼鎻愰啋*/
.tooltips{display: block;width: 16px;height: 16px;background:url(../images/tax.png) no-repeat;position:relative; /*杩欎釜鏄叧閿�*/z-index:2;}
.tooltips:hover{display: block;width: 16px;height: 16px;background:url(../images/tax.png) no-repeat;z-index:3;}
.tooltips div{display: none;}
.tooltips:hover div{ /*span 鏍囩浠呭湪 :hover 鐘舵�佹椂鏄剧ず*/display:block;position:absolute;top:0px;left:20px;width:430px;border:0px solid black;background-color:#09d;padding: 3px;color:white;}

/*渚ц竟妗�*/
.dn{display: none;}
.go-top{position: fixed;bottom: 50%;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 38px;height: 38px;margin-bottom: 10px;background-image: url(../images/2.png)}
.go-top a:last-child{/*margin-bottom: 0;*/}
.go-top .go{background-image: url(../images/icon_top.png);}
.go-top .go:hover{background-image: url(../images/icon_top_active.png);}

.go-top .uc-2vm{background-image: url(../images/icon_qrcode.png);}
.go-top .uc-2vm:hover{background-image: url(../images/icon_qrcode_active.png);}
.go-top .uc-2vm-pop{cursor:default;position: absolute;right: 45px;top: 50px;width: 125px;	background: #fff;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;width: 110px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);}

.go-tt a{background-position: 0 0;background-image: url(../images/icon_msg.png);}
.go-tt-more a{background-position: 0 0;background-image: url(../images/message-more.gif);}
.go-tt-more a:hover{background-image: url(../images/icon_msg_active.png);}
.go-tt a:hover{background-image: url(../images/icon_msg_active.png);}
.go-top .gotd{background-image: url(../images/icon_kf.png);}
.go-top .gotd:hover{background-image: url(../images/icon_kf_active.png);}
.go-top .gotd-pop{cursor:default;position: absolute;right: 45px;top: 0px;font-size: 12px;color: rgb(102, 102, 102);width: 140px}
.go-top .gotd-pop .logo-2wm-box{box-shadow: 0px 1px 4px rgba(0,0,0,0.8);position: relative;padding-left:15px;background:url(../images/qq_online_bg.png) repeat;width: 110px;}
.go-top .gotd-pop .logo-2wm-box img{width: 81px;height: 23px;cursor: pointer;}

/*杩涘害鏉�*/
.upload-progress-box{background-color:rgb(238, 238, 238);position: absolute; margin: 0px 10px 10px 0; height: 118px; top: 1px;left:1px;width: 190px;}
.upload-progress-box .progress-bar{position: absolute; line-height: 118px;background-color:rgb(240, 255, 255);width: 50%;opacity: 0.6;filter: "alpha(opacity=60)";filter: alpha(opacity=60);zoom: 1;}
.upload-progress-box .progress-percent{font-size: 30px; line-height: 118px;position: absolute;color:rgb(0, 153, 221);text-align:center;width:100%;opacity: 0.3;filter: "alpha(opacity=30)";filter: alpha(opacity=30);zoom: 1;}

.upload-progress-box-s{background-color:rgb(238, 238, 238);margin:0;clear:both;position: relative;height: 30px;width: 440px;}
.upload-progress-box-s .progress-bar{position: absolute; line-height: 30px;background-color:rgb(240, 255, 255);width: 50%;opacity: 0.6;filter: "alpha(opacity=60)";filter: alpha(opacity=60);zoom: 1;}
.upload-progress-box-s .progress-percent-box{font-size: 18px; line-height: 30px;position: absolute;color:rgb(0, 153, 221);text-align:center;width:100%;opacity: 0.3;filter: "alpha(opacity=30)";filter: alpha(opacity=30);zoom: 1;}
.upload-progress-box-s .progress-fileName{float: left;margin-left: 5px;color: #000;max-width:400px}
.upload-progress-box-s .progress-percent{float: right;margin-right: 10px;}


.jieshao_p{ width:1024px; margin:0 auto;  padding-top:50px;  }
.p_title{ font-size: 20px; color: #d81018; text-align:center; font-weight:bold;}
.p_sub{ font-size: 14px; color: #595757; text-align:center; margin-top:25px; line-height:30px;}


.main_01{ width: 100%;  background:#ffffff; overflow:hidden;}
.index_down_p{ margin-top:50px;}
.p_title_01{ font-size: 20px; color: #d81018; text-align:center; font-weight:bold;margin-bottom: 0}
.p_title_02{ font-size: 12px; color: #999999; text-align:center; line-height:30px;}

.down_sub{ width: 1024px; overflow: hidden; margin: 0 auto;  margin-top: 30px;}
.down_sub_01{ float: left;     text-align: center; }
.down_sub_02{margin-left: 128px; }
.down_sub_01 img{ margin-bottom: 20px;}
.down_sub_01 p{ text-align: center; line-height: 34px; }
.down_sub_01 p.down_sub_01_title{ font-size: 18px; color: #333333;margin-bottom: 0px; }
.down_sub_01 p.down_sub_01_con{ font-size: 18px; color: #595757; }
.current_01{margin-top:12px;margin-bottom: 0;}
.current_01 span{display: inline-flex;border-bottom: 3px solid #fff;width: 50px;}
.current_02{margin-top:12px;margin-bottom: 10px;}
.current_02 span{display: inline-flex;border-bottom: 3px solid rgb(34, 34, 34);width: 30px;}

.main_02{ width: 100%;  background:#ffffff; overflow:hidden;border-bottom: 2px solid rgb(234, 234, 234);border-top: 2px solid rgb(234, 234, 234);margin: 30px 0;padding: 30px 0;}

.more{ margin:30px auto 0 auto; text-align:center; }
.more p{ width:130px; height:38px; border-radius:25px;color:#d81018; font-size:13px; line-height:38px; text-align:center; display:inline-block;border: 1px solid #d81018;cursor: pointer;}
.more p:HOVER{ background:#d81018; color:#ffffff; }

.main_03{ width: 100%;  background:#ffffff; overflow:hidden;}
.down_p{ margin-top:0px;}
.p_title_01{ font-size: 20px; color: #d81018; text-align:center; font-weight:bold;}
.p_title_02{ font-size: 12px; color: #999999; text-align:center; line-height:30px;}

.main_03_sub{ width: 1024px; overflow: hidden; margin: 0 auto;  margin-top: 30px;}
.main_03_left{ float:left;}
.main_03_left img{ border:2px solid #dfe0e1; }

.main_03_right{ float:left; margin-left:40px; overflow:hidden; }
.right_01{  overflow:hidden; margin-bottom:32px;}
.time{border-right:1px solid #ccc; width:70px; padding-right:15px; float:left;}
.time .right_01_b{font-size: 28px; color: #d81018; font-weight:bold; line-height:46px; text-align:center;}
.time .right_01_s{font-size: 18px; color: #999999; line-height:42px; text-align:center;}

.footer{ width: 100%; margin-top:0px;}

.footer_title{ width: 100%; height: 48px; background: #cb191d; overflow:hidden; }
.footer_font{ width: 1024px; margin:0 auto;  }

.footer_font_01{ line-height:48px; font-size:10px; color:#ffffff; float:left;}

.tel{ overflow: hidden; float:right;margin: 0;height: 48px;}
.tel_a{
	margin-right: 11px;
}
.blu_a{line-height: 30px; }
.blu_a a{  line-height:48px; font-size:12px; color:#ffffff;}

.footer_02{  width: 100%; padding-bottom:40px; background: #000000;}
.footer_main{ width: 1024px; margin:0 auto; overflow: hidden;}

.contactus{width: 248px; float: left; margin-top: 45px; }
.footer_contactus_title{ font-size:18px;  color: #b2b1b1;}
.contactus_01{ margin-top: 23px; overflow: hidden;}
.contactus_01 img{ float: left;} 
.contactus_01 p{ float: left; color: #b2b1b1; font-size:12px; margin-left: 8px;margin-bottom: 0; }

.contactus_02{ margin-top: 23px; overflow: hidden;}
.contactus_02 img{ float: left;} 
.contactus_02 p{ float: left; color: #b2b1b1; font-size:12px; margin-left: 8px;margin-bottom: 0; }

.contactus_03{ margin-top: 23px; overflow: hidden;}
.contactus_03 img{ float: left;} 
.contactus_03 p{ float: left; color: #b2b1b1; font-size:12px; margin-left: 8px;margin-bottom: 0; }

.contactus_04{ margin-top: 23px; overflow: hidden;}
.contactus_04 img{ float: left;} 
.contactus_04 p{ float: left; color: #b2b1b1; font-size:12px; margin-left: 8px; width:180px;margin-bottom: 0; }


.team{width: 126px; float: left; margin-top: 45px; margin-left:55px; }
.team_title{ font-size:18px;  color: #b2b1b1;}
.tip_01{ margin-top: 18px; }
.tip_01_font {  color: #b2b1b1; font-size:12px; line-height:25px; margin-top:0px; }
.tip_02{ margin-top: 10px; }
.tip_02_font {  color: #b2b1b1; font-size:12px; line-height:25px; }

.service{width: 242px; float: left; margin-top: 45px; margin-left:80px; }
.service_title{ font-size:18px;  color: #b2b1b1;}
.service_font {  color: #b2b1b1; font-size:12px; line-height:28px; margin-top:-6px; margin-top:14px; }

.liuyan{width: 215px; float: left; margin-top: 45px; margin-left:55px; }
.liuyan_title{ font-size:18px;  color: #b2b1b1;margin-bottom:16px;}
.font_input_01{width: 100%; background:#222222; height: 26px; padding:0 10px; font-size: 12px; color:#fff; line-height:22px; border:none; margin-top:7px;  }
.font_input_03{    width: 100%; background:#222222; margin-top:7px;
    height: 100px;
    border: none;
    padding: 0px 10px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
     
}
.tijiao{ float:right; margin-top:10px; background:#cb191d; width:50px; height:20px; border-radius:25px; line-height:20px; color:#fff; text-align:center; font-size: 12px;cursor: pointer;}


.footer_03{ width: 100%; height: auto; background: #f5f5f5;padding:10px 0; }
.footer_03_font{width: 1024px; margin:0 auto; line-height: 25px; font-size: 12px; color: #666; text-align:center; }

.liuyan_mark{
	position: absolute; width: 100%; right: -220px; top: 7px; padding-left: 10px;background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: rgb(255, 255, 255);height: 26px;padding-top: 2px;
}

.main{ width:1024px; margin:0 auto; overflow:hidden; margin-top:40px; margin-bottom:40px; }
.left{ float:left;width: 20%;}
.left_t{ width:206px; height:32px; padding-left:10px;background:#cb191d;line-height:32px; color:#fff;  font-size: 14px;margin-bottom: 5px; }
.left_l li{width:206px; height:30px; padding-left:10px;background:#ffffff;line-height:30px;  font-size: 12px;cursor: pointer; }
.left_l .l_hui{width:206px; height:30px; padding-left:10px; background:#f2f2f3;line-height:30px;  font-size: 12px; }
.left_l li:HOVER{background:rgb(203, 25, 29); }
.left_l li.active{background:rgb(203, 25, 29); }


.right{ float:left; padding-left:32px;width: 80%;}
.product_box_01{  overflow:hidden; margin-bottom:30px;}
.product_01{ margin-left:8px; float:left;margin-bottom:30px;min-height: 267px;}
.product_01 img{ width:250px;height: 194px;}
.jiage{ margin-top:10px; font-size:14px; color:#d81018;}
.gongying{margin-top:4px; font-size:13px; }
.zhushi{margin-top:3px; font-size:12px; color:#999999;height: 17px;}
.zhushi label{font-weight: normal;}

.main_01_left{ float:left; border:3px solid #e60012;width: 429px;height: 222px;}
.main_01_right{ float:left; width:545px; margin-left:40px;}
.main_01_right_t{  border-bottom:1px solid #e60012; padding-bottom:12px;}
.main_01_right_t .t_time{  font-size: 12px; color: #b3b3b3;}
.main_01_right_t .t_p{  font-size: 17px; color: #333; margin-top:5px;}
.main_01_right_p{ margin-top:10px;}
.news_p{ line-height:24px;}
.news_p_sub{ margin-top:20px; overflow:hidden;}
.read_more{ display:inline-block; float:left; width:100px; height:20px; background:#e60012; color:#fff; text-align:center; line-height:20px; font-size:10px;}
.share{ float:right;}
.share p{ display:inline-block; font-size:10px; }
#news dt{
	cursor: pointer;
}
#news dt:HOVER{
	text-decoration: none;
	color: rgb(230, 0, 18);
}

.main_02{ overflow:hidden; margin-top:90px;}
.main_02_01{ float:left; width:300px; border-right:1px solid #d6d6d7; padding-right:30px;}
.main_02_01_title{ font-size:16px; line-height:30px; color:#333;cursor: default;}
.main_02_01_p{ font-size:12px; line-height:24px; color:#727171;min-height: 144px;cursor: default;}
.main_02_01_time{ font-size:12px; line-height:24px; color:#b3b3b3; margin-top:6px;}

.main_02_02{ float:left; width:300px; border-right:1px solid #d6d6d7; padding-right:30px; margin-left:30px;}

.main_02_03{ float:left; width:300px; margin-left:30px;}

.sub_top{  overflow: hidden; margin-top:60px; border-bottom:1px solid #d6d6d7; padding-bottom:10px;position: relative; }
.sub_top_01{overflow: hidden; float:left; margin-left:70px;}
.sub_top_01 img{ float: left;} 
.sub_top_01 p{ float: left; color: #4d4d4d; font-size:14px; margin-left: 12px; }
.sub_top_02{ overflow: hidden; position: absolute;left: 750px}
.sub_top_02 img{ float: left;} 
.sub_top_02 p{ float: left; color: #4d4d4d; font-size:14px; margin-left: 12px; }

.sub_bottom{  overflow: hidden; margin-top:30px; border-bottom:1px solid #d6d6d7; padding-bottom:10px;position: relative; }
.sub_bottom3{  overflow: hidden; margin-top:10px; border-bottom:1px solid #d6d6d7; padding-bottom:10px;position: relative; }
.sub_bottom_01{overflow: hidden; float:left; margin-left:70px;line-height: 30px}
.sub_bottom_01 img{ float: left;} 
.sub_bottom_01 p{ float: left; color: #4d4d4d; font-size:14px; margin-left: 12px; }
.sub_bottom_02{ overflow: hidden; position: absolute;left: 750px}
.sub_bottom_02 img{ float: left;} 
.sub_bottom_02 p{ float: left; color: #4d4d4d; font-size:14px; margin-left: 12px; }
.contactus_title{ font-size:44px; color:#cb191d; font-weight:bold; text-align:center; }

.down_sub_011{ float: left; width:24%; padding:20px 10px 10px 10px;   text-align: center; border:1px solid #d6d6d7;}
.down_sub_011 img{ margin-bottom: 12px;}
.down_sub_011 p{ text-align: center; line-height: 21px; }
.down_sub_011 p.down_sub_01_title{ font-size: 14px; color: #333333; height:45px; width:140px; margin:0 auto; font-weight: bold;}
.down_sub_011 p.down_sub_01_con{ font-size: 13px; color: #737373; height:110px;}

.down_sub_022{ float: left; width:24%; padding:20px 10px 10px 10px;  text-align: center;margin-left: 1.2%; border:1px solid #d6d6d7;}
.down_sub_022 img{ margin-bottom: 12px;}
.down_sub_022 p{ text-align: center; line-height: 21px; }
.down_sub_022 p.down_sub_02_title{ font-size: 14px; color: #333333; height:45px; width:140px; margin:0 auto;font-weight: bold;}
.down_sub_022 p.down_sub_02_con{ font-size: 13px; color: #737373; height:110px; }
 
.down_sub_011:HOVER,.down_sub_022:HOVER,.down_sub_033:HOVER,.down_sub_044:HOVER{background-color: #e8e8e8;}
.main_02_01_more,.main_02_01_more:HOVER{ margin-top:10px; color:#cb191d; font-size:10px; display:block;width: 100px;}
.technology_main_02_01{ overflow:hidden; margin-top:10px; }
.technology_main_02_02{ overflow:hidden; margin-top:10px; }
.main_02_01_sub{ float:left;width:32%; padding:15px; border:1px solid #d6d6d7;}
.main_02_02_sub{ float:left;width:32%; padding:15px; border:1px solid #d6d6d7; margin-left:2%;} 
.main_02_03_sub{ float:left;width:32%; padding:15px;  margin-left:2%;} 
.main_02_01_sub:HOVER,.main_02_02_sub:HOVER{background-color: rgb(232,232,232);}

/*about us*/
.aboutus_dec{  margin-top:50px;margin-bottom: 30px;}
.aboutus_dec_p{ text-align:center; line-height:28px; font-size:14px;}
.aboutus_dec_line{ margin:0 auto; margin-top:40px;}

.aboutus_img{   overflow:hidden; margin:0 auto;margin-top:20px; display:table;}
.aboutus_img img{ float:left; display:inline-block; border:2px solid #e5e5e5;}