.index-box { width: 100%; background: #F4F4F4; min-width: 1200px; padding-top: 35px; box-sizing: border-box; margin-top: 90px; }

.index-main { width: 1200px; background: #F4F4F4; margin: 0 auto; }

.index-main .index-banner { width: 1200px; height: 290px; margin-bottom: 30px; clear: both; overflow: hidden; position: relative; }
.index-main .index-banner ul li { float: left; }
.index-main .index-banner ul li img { width: 1200px; }
.index-main .index-banner a.arr { position: absolute; z-index: 1; top: 50%; margin-top: -31px; background: #000; opacity: 0.2; padding: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.index-main .index-banner a.arr.left { left: 30px; }
.index-main .index-banner a.arr.right { right: 30px; }
.index-main .index-banner a:hover.arr { background: rgba(0,0,0,0.5); opacity: 1; }

.index-tip { width: 467px; padding: 15px 20px; box-sizing: border-box; height: 175px; float: left; border: solid 1px #d9d9d9; background: #ffffff; }

.index-tip li { font-size: 14px; line-height: 36px; }
.index-tip li a { text-decoration: none; }
.index-tip li span { color: #999; margin-right: 10px; line-height: 22px; display: inline;  padding: 4px 9px; }

.index-tip li a { color: #444444; padding: 4px 9px; box-sizing: border-box; margin: 0 7px; }

.index-tip li a:hover { background: #ff6600; color: #ffffff; }

.index-slider { width: 710px; height: 175px; float: right; }

.banner { position: relative; overflow: auto; }

.banner { position: relative; width: 100%; overflow: auto; font-size: 18px; line-height: 24px; text-align: center; color: rgba(255,255,255,.6); }

.banner ul li { display: block; float: left; min-height: 175px; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.nav__menu-item { display: inline-block; position: relative; }

.nav__menu-item:hover { background-color: #454545; color: #8c8c8c; }
.nav__menu-item:hover b { color: #999 !important; }
.nav__menu-item ul li a { color: #999; }
.nav__menu-item a:hover { color: #999999 !important; }

.nav__menu-item:hover .nav__submenu { display: block; }

.nav__submenu li { width: 88px; height: 28px !important; margin: 0 !important; padding: 0 !important; text-align: center; font-size: 12px !important; }

.nav__submenu { text-transform: none; display: none; position: absolute; z-index: 1000; background-color: #454648; width: 88px; }

.nav__submenu-item { }

.nav__submenu-item:hover { background: #00803f; }

.nav-item:hover a { color: #ffffff !important; }

.nav__submenu-item { width: 100%; text-align: center; }

.nav__submenu-item a { width: 88px !important; height: 28px !important; display: block; color: #999999; font-size: 14px; line-height: 28px !important; text-align: center; margin: 0 !important; padding: 0 !important; }

.nav__menu-item .rotator i { font-size: 10px; margin: 0 !important; padding: 0 !important; }

.nav__menu-item .rotator img { color: #444444; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }

.nav__menu-item:hover .rotator img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }

.nav__menu-item b { font-style: normal; width: 88px; display: block; cursor: pointer; text-align: center; font-weight: normal; color: #333; }

.rotator { padding-right: 12px; box-sizing: border-box; position: relative; left: 10px; top: -2px; }
.banner .dots { position: absolute; left: 0; right: 0; bottom: -5px; }


.banner .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border-radius: 6px; background: #ffffff; cursor: pointer; opacity: 0.2; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }

.banner .dots li.active { background: #fff; opacity: 0.7; }

ol { display: block; list-style-type: decimal; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
.works { margin-top: 28px; }
.works-tit h1 { float: left; width: 200px; font-size: 20px; font-weight: normal; color: #444; }
.works-tit .adscroll { margin-right: 20px; }
.works-tit h1 a { color: #444; text-decoration: none; font-size: 16px; font-weight: bold; }
.works-tit h1 a:hover { color: #008040; }
.works-tit a { color: #888888; }
.works-tit p { float: right; font-size: 14px; color: #999999; position: relative; top: 21px; }
.works-info { margin-top: 10px; }
.works-info li { width: 220px; overflow: hidden; background: #ffffff; float: left; border: solid 1px #d9d9d9; margin: 0 0 36px 22.5px; }
.works-info li h2 a:hover, .works-info li h3 a:hover { text-decoration: underline; }
.works-info li h2, .works-info li h3 { font-size: 14px; padding: 0 10px; box-sizing: border-box; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.works-info li h2 a { color: #333333; line-height: 38px; }
.works-info li h3 { font-size: 13px;  box-sizing: border-box; color: #999999; }
.works-info li h3 a { font-size: 13px; color: #666; line-height: 36px; }
.works-icon { background: #f6f6f6; box-sizing: border-box; padding: 5px 0; font-weight:bold; border-top: solid 1px #e9e9e9;}
.works-icon span { display: inline-block; color: #333333; text-align: left; padding-left: 9px; box-sizing: border-box; }
.works-icon i { font-size: 14px; color: #999999; margin: 0 2px; position: relative; top: 3px; }
.pers-tit { margin-top: 3px; }
.pers-tit h1 { text-align: left; font-size: 20px; font-weight: normal; color: #444444; }
.pers-tit h1 i { font-style: normal; font-size: 16px; font-weight: bold; }
.pers-tit span { font-size: 14px; color: #999999; margin-left: 15px; }
.pers-tit span a { margin: 0 10px; color: #999999; }
.pers-tit h1 b { float: right; font-size: 14px; font-weight: normal; color: #999999; position: relative; right: -10px; top: 7px; }
.pers-tit h1 b a { color: #999999; margin: 0 10px; }
.pres-info { border: solid 1px #d9d9d9; background: #ffffff; margin-top: 10px; padding: 28px 28px 28px 28px; box-sizing: border-box; height: 270px; }
.pres-info li { width: 230px; float: left; margin-right: 74px; display: inline; margin-bottom: 20px; }
.pres-pic { width: 46px; float: left; }
.pres-txt { width: 170px; float: right; text-align: left; font-size: 14px; color: #444444; margin: 5px 0 0; }
.pres-txt p { margin-bottom: 11px; }
.pres-txt a { color: #444444; }
.pres-txt span { float: right; position: relative; }
.lb { color: #ababab; }
.lb span { right: 0; }

.zf { }
.zf-info { border: solid 1px #d9d9d9; margin-bottom: 29px; background: #ffffff; margin-top: 10px; padding: 28px; box-sizing: border-box; }
.zf-left { width: 520px; float: left; }
.zf h1 a:hover { text-decoration: none; }
.big-pic { width: 120px; float: left; }

.big-txt { width: 380px; float: right; margin: -17px 0 0; }
.big-txt h1 { font-size: 18px; font-weight: normal; color: #444444; }
.big-txt h1 a { color: #444444; }

.big-txt p { font-size: 14px; color: #868686; line-height: 24px; text-align: Justify; text-justify: inter-ideograph; }
.zf-right { width: 520px; float: right; border-left: 1px solid #f0f0f0; padding-left: 40px; }
.branding-box { width: 100%; background: #ececec; min-width: 1200px; border-top: solid 1px #d2d2d2; padding-bottom: 40px; }
.branding { width: 1200px; margin: 40px auto 0 auto; }
.branding h1 { font-size: 28px; font-weight: normal; color: #444444; text-align: center; }
.branding-info ul { margin-top: 40px; }
.branding-info li { width: 397px; line-height: 24px; float: left; text-align: center; border-right: solid 1px #d2d2d2; color: #444444; }
.branding-info li h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; color: #575757; }
.bran-box { width: 100%; background: #ececec; min-width: 1200px; margin-top: 40px; border-top: solid 1px #d9d9d9; }
.bran-box iframe { width: 1200px; margin: 0 auto; }

.brand-info { width: 1200px; margin: 0 auto; padding: 50px 0; }
.bran-info { width: 1200px; margin: 0 auto; }
.bran-info li { float: left; width: 120px; text-align: center; margin: 0px 15px 30px 0; }
.bran-info li a { font-size: 14px; color: #b0b0b0; }
.bran-info li img { width: 120px; }

.box span { font-weight: normal; color: #444444; }

.box span i { font-style: normal; }




.works-tip { width: 100%; padding-top: 20px; background: #ffffff; border-bottom: solid 1px #d9d9d9; min-width: 1200px; box-sizing: border-box; font-size: 14px; }
.v2_works { width: 1200px; margin: 0 auto 0 -600px; box-sizing: border-box; position: absolute; left: 50%; }
.workstip-info { padding-bottom: 20px; box-sizing: border-box; position: relative; left: 150px; }
.works-tipbox { padding-bottom: 20px; box-sizing: border-box; /* position: relative; */ /* left: 150px; */ width: 640px; margin: 0 auto; left: 0; }
.workstip-info b { width: 150px; height: 45px; display: block; text-align: center; box-sizing: border-box; line-height: 45px; border: none; font-size: 16px; }
.workstip-info b:hover { background: none; border: none; }
.workstip-info li:hover { border: solid 1px #d9d9d9; border-bottom: none; width: 149px; height: 44px; margin: -1px 0 0 -1px; }
.workstip-info li:hover { background: none; }
.workstip-info ul { background: none; }
.workstip-info li ul { width: 149px; border: solid 1px #d9d9d9; background: #ffffff; left: -1px; border-top: none; margin-top: -1px; }
.workstip-info li ul li { background: #ffffff; border-top: solid 1px #eeeeee; width: 149px; height: 35px !important; text-align: center !important; line-height: 35px !important; }
.workstip-info li ul li a { width: 149px !important; height: 35px !important; display: block; font-size: 15px; text-align: center !important; line-height: 35px !important; }
.workstip-info li ul li:hover { border-bottom: none; border-left: none; border-right: none; border-top-color: #eeeeee; }
.workstip-info li ul li a:hover, .workstip-info li ul li a.hover { color: #008040 !important; text-decoration: none; }
.workstip-info i { color: #d9d9d9; }
.workstip-info p { height: 50px !important; line-height: 30px; display: block; padding-left: 44px; color: #999; box-sizing: border-box; padding-top: 10px; }
.tip-time a { position: relative; left: -15px; }

.tip-active a { color: #008040 !important; }
.tip-active .more-fl a { background: #fff !important; color: #333 !important; }
.works-box { width: 1200px; margin: 0 auto; padding-top: 30px; }
.v2_works { }
li.pre a i { font-weight: 400; font-size: 14px; }
li.next a, li.pre a { background: none; color: #999; }
li.next a:hover, li.pre a:hover { color: #008040; background: none; }
.works-footer { width: 100%; background: #333333; min-width: 1200px; margin-top: 50px; padding-bottom: 20px; }
.works-footer-info { width: 1200px; margin: 0 auto; text-align: center; color: #7c7c7c; line-height: 24px; font-family: Arial,'Microsoft YaHei'; }
.works-footer-info a { color: #7c7c7c; }
.works-footernav { padding-top: 20px; }
.works-footernav a { color: #7c7c7c; }
.works-list-box { padding: 0 !important; overflow-x: hidden; }
.designer-box { width: 100%; padding-top: 90px; }
.designer-box .designer-main .master { float: left; margin-top: 20px; font-size: 14px; color: #888; }
.designer-box .designer-main .master a { color: #008040; margin: 0 5px; font-weight: bold; }
.designer-main { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 60px; }
.designer-top h1 { text-align: left; font-size: 16px; font-weight: normal; color: #444444; }
.designer-top h1 abbr a { color: #008040; }
.designer-top h1 abbr a:hover { text-decoration: underline; }
.designer-top h1 span { float: right; }
.designer-top h1 span i { color: #008040; font-style: normal; font-weight: bold; margin: 0 5px; font-size: 20px; }
.designer-tip { width: 100%; background: #ffffff; border: solid 1px #d9d9d9; padding: 10px 30px; margin-top: 5px; box-sizing: border-box; }
.designer-tip a { text-decoration: none; }
.designer-tip a:hover { color: #008040; }
.designer-tip ul li { font-size: 14px; }
.designer-tip ul li span { color: #999999; }
.designer-tip .tip-list select { border-color: transparent; padding: 0 10px; height: 30px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/img/down.png) no-repeat scroll right center transparent; padding-right: 14px; }
.designer-tip .tip-list select::-ms-expand { display: none; }
.designer-tip .tip-list label.cmore { margin-top: -7px; }
.joblist-left .designer-top .designer-tip ul li:last-child { margin-bottom: 0; }


.menu1 { width: 1000px; position: relative; margin-top: -23px; left: 98px; font-size: 14px; font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, Arial, sans-serif; }
.menu1 ul li { float: left; height: 20px; line-height: 24px; margin-top: 3px; margin-right: 10px; margin-left: 8px; display: inline; }
.menu1 ul li a { padding: 3px 10px; }
.menu1 ul li a:hover { background: #008040; color: #FFFFFF; }
.more-icon { border: none; }
.panel-body { border: none !important; padding: 0 0 10px 0 !important; }
.more-pic { position: relative; top: -10px; margin-left: 1017px; width: 10px; }

.tip-list { position: relative; margin: 20px 0; }
.tip-list a { color: #444444; margin: 0 0px 0 15px; padding: 5px 10px; box-sizing: border-box; font-size: 14px !important; }
.tip-list01 { margin: 0 0px 0 11px; box-sizing: border-box; padding: 5px 10px; font-size: 14px !important; }
.tip-list01:hover { background: #008040; color: #FFFFFF !important; }
.tip-list a:hover { background: #008040; color: #FFFFFF; }
.panel-default > .panel-heading { background: none !important; color: #444444 !important; border: none !important; }
.panel { box-shadow: none !important; }
a.designer-active { background: #008040; color: #FFFFFF !important; }
.px { background: #FFFFFF; border: solid 1px #d9d9d9; margin: 20px 0; }
.px-left { float: left; }
.px-icon { width: 7px; height: 9px; display: inline-block; }
.px-icon { background: url("/img/px-icon.png") 0 0 no-repeat; }
.px-left li { width: 135px; float: left; font-size: 14px; text-align: center; line-height: 40px; }
.px-left li a { color: #444444; }
.px-left li a:hover, .px-left li a.active { color: #008040; }
.px-left li a i { font-size: 1px; margin-left: 10px; color: #999; }
.px-left li a:hover { text-decoration: none; }
.px-left li a:hover i, .px-left li a.active i { background: url(/img/px-icon-hover.png) 0 0 no-repeat; }
.px-right { width: 500px; float: right; }
.px-left .active i { color: #008040; }
.px-left ul span { line-height: 40px; color: #d9d9d9; position: relative; left: 30px; }
.px-right { font-size: 14px; text-align: right; line-height: 40px; position: relative; right: 15px; }
.px-right ul { margin-right: 10px; }
.px-right li { float: right; margin: 0 5px; box-sizing: border-box; }
.px-right li a { width: 25px; height: 25px; border: solid 1px #d9d9d9; text-align: center; line-height: 25px; margin-top: 8px; display: block; text-decoration: none; }
.px-right li a i { font-size: 12px; color: #999; position: relative; top: -1px; }
li.right-icon a i { font-size: 14px; }
.px-right li a:hover i { color: #008040; }
.designer-info { background: #FFFFFF; border: solid 1px #d9d9d9; padding: 30px; box-sizing: border-box; margin-bottom: 20px; }

.designer-left { width: 880px; float: left; }
.designer-right { width: 182px; float: right; }
.designer-pic { float: left; }
.designer-pic img { }
.designer-txt { width: 800px; float: right; height: 60px; }
.name a { text-decoration: none; font-size: 16px; color: #333333; margin-right: 32px; }
.name a:hover { text-decoration: underline !important; }
.name i { font-size: 16px; color: #ff6600; position: relative; top: 2px; }
.designer-txt h1 { font-size: 14px; font-weight: normal; color: #999999; margin-top: 12px; }
.designer-txt h1 span { margin-right: 65px; }
.designer-right a { width: 90px; height: 42px; display: block; font-size: 14px; float: right; text-align: center; line-height: 42px; background: #cccccc; color: #858585; border-right: 1px solid #bfbfbf; }
.designer-right a:hover { text-decoration: none; }
.job { background: #ff6600 !important; color: #FFFFFF !important; border: none !important; }
.jd { background: #008040 !important; color: #FFFFFF !important; border: none !important; }
.job:hover, .jd:hover { color: #FFFFFF; text-decoration: none; }
.designer-line { height: 1px; background: #d9d9d9; margin: 30px 0; }
.joblist-left { width: 960px; float: left; }
.joblist-left .area li dl { width: 840px !important; }
.joblist-left .more-pic { margin-left: 750px !important; }
.joblist-left .menu1 { width: 800px !important; left: 126px !important; }
.joblist-left .area li dl { margin-left: -505px !important; }
.joblist-right { width: 210px; float: right; padding-top: 15px; }
.panel-default { border: none; }
.panel-title a:hover { background: none !important; }
.more-pic02 { margin-left: 851px; margin-top: -29px !important; padding: 0 !important; }
.hyly-more { margin-left: 127px; }
.hyly-more a { color: #444444; margin: 0 0px 0 15px; padding: 5px 10px; display: inline-block; box-sizing: border-box; font-size: 14px !important; }
.hyxz-btn { height: 1px; margin: 0; padding: 3px 0; }

.panel { margin: 0; }
.job-px-right { width: 150px; }

.job-px-l { width: 800px; padding: 0 20px; box-sizing: border-box; }
.job-px-l a { padding: 5px 10px; margin: 0 5px; position: relative; left: 10px; }
.job-px-l li { width: 200px; color: #999; }
.job-px-l li a { color: #444 !important; }

.yx { width: 88px !important; background: none !important; margin-left: -70px; color: #999999 !important; }
.yx b { color: #999999 !important; }
.yx a { color: #999999 !important; }
.yx ul { background: #FFFFFF !important; padding-bottom: 10px !important; }
.yx li { width: 88px; background: none !important; text-align: left !important; box-sizing: border-box !important; }
.yx li a { text-align: left !important; padding: 5px 7px !important; }
.yx li a:hover, .yx li a.hover { color: #008040 !important; }
.yx b { color: #444 !important; }
.job-px-l li a.job-active-px { background: #008040; color: #FFFFFF !important; }
.yx02 { margin-left: -55px; }
.joblist-info li { padding: 20px 20px; border: solid 1px #d9d9d9; background: #FFFFFF; margin-bottom: 15px; }
.joblist-txt { width: 40%; float: left; }
.joblist-pic { width: 60%; float: right; }

.joblist-txt h1, .joblist-conpy h1 { font-size: 17px; font-weight: normal; line-height: 24px; margin-bottom: 10px; }
.joblist-txt h1 a, .joblist-conpy h1 a { color: #008040; text-decoration: none; }
.joblist-txt h1 a:hover, .joblist-conpy h1 a:hover { text-decoration: underline; }
.joblist-txt h1 span { font-size: 10px !important; background: #ff6600; color: #ffffff; border-radius: 2px; display: inline-block; padding: 2px 3px; line-height: 14px; position: relative; top: -2px; left: 4px; }
.joblist-txt p { color: #ff8800; font-weight: bold; font-size: 16px; margin-bottom: 15px; padding-top: 5px; }
.joblist-txt p span { color: #444444; font-weight: normal; margin-left: 30px; font-size:14px; }
.joblist-txt time { font-size: 14px; color: #999999; }
.joblist-conpy { width: 310px; float: left; }
.joblist-img { width: 120px; float: right; }
.joblist-img img { border: solid 1px #d9d9d9; }
.joblist-conpy p { font-size: 14px; color: #999999; margin-bottom: 10px; }
.joblist-conpy h2 i { font-style: normal; font-size: 12px; font-weight: normal; color: #999; background: #eee; padding: 4px 8px; margin-right: 10px; -webkit-border-radius:3px;}
.ad { margin-bottom: 15px; }
.ad img { width: 210px; height: 110px; }

.ser-input { width: 820px; float: left; }
.ser-input input { width: 820px; border: none; background: #FFFFFF; height: 50px; padding-left: 15px; box-sizing: border-box; font-size: 16px; color: #444444; border: #D9D9D9 solid 1px; }
.ser-btn { width: 140px; height: 50px; float: right; background: #008040; color: #FFFFFF; text-align: center; line-height: 50px; display: block; font-size: 16px; border: 0; }

.job-nav { width: 100%; height: 50px; background: #333333; min-width: 1200px; line-height: 50px; position: fixed; top: 0; left: 0; z-index: 1001; }
.job-nav-info { width: 1200px; margin: 0 auto; }
.nav-list { height: 50px; border: none; background: #333333; }
.nav-list .nav-info { height: 50px; position: relative; left: 15px; }
.nav-list .nav-info li a { height: 49px; color: #bababa; line-height: 49px; }
.nav-list .nav-info li a:hover { color: #fff !important; }
.nav-list .nav-main { line-height: 50px; }
.nav-list .nav__menu-item b { color: #bababa; }
.nav-list { position: relative !important; }
.job-login { line-height: 50px; }
.job-main { width: 1200px; margin: 0 auto; padding-top: 80px; }
.job-left { width: 830px; float: left; margin-bottom: 30px; }
.job-left-box { border: solid 1px #d9d9d9; background: #FFFFFF; padding: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; }
.jl { height: 40px; line-height: 60px; background: #F9F9F9; margin-top: 5px; margin-bottom:20px; text-align: center; font-size: 14px; color: #666; }
.jl b { color: #666; font-size: 18px; margin: 0 5px; }
.jl b b { font-weight: normal; color: #999; font-size: 14px; }
.jl a { color: #333333; }
.job-right { width: 350px; float: right; margin-bottom: 50px; }
.job-top-left { width: 620px; float: left; }
.job-top-right { text-align: center; margin-top: 20px; }
.job-left-tip { width: 34px; float: left; margin-left: -42px; }
.job-tit { float: left; background: #008040; height: 90px; margin-left: -10px; padding: 10px 20px 10px 0; color: #FFFFFF; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; border-radius:0px 5px 5px 0px; }
.job-xzdy { margin: 25px 0 10px -20px; }
.job-tit h1 { font-size: 20px; font-weight: normal; }
.job-tit p { font-size: 16px; }
.job-top-right { border: 10px solid rgba(255,255,255,0.7); }
.job-top-right a { width: 180px; height: 50px; border-radius: 3px; text-align: center; line-height: 50px; color: #FFFFFF; background: #ff6600; display: inline-block; font-size: 18px; }
.job-top-right a:hover { text-decoration: none; }
.job-top p { font-size: 14px; color: #cccccc; }
.job-top p span { color: #444444; margin: 0 20px; }
.job-top p span b { font-size: 20px; color: #ff8800; }
.job-top time { font-size: 12px; color: #999999; position: relative; top: 10px; }
.job-info h1 { font-size: 17px; font-weight: normal; color: #999; border-bottom: solid 1px #d9d9d9; line-height: 30px; margin-top: 40px; padding-bottom: 10px; }
.job-info h1 i { width: 3px; background: #999; height: 20px; display: block; float: left; position: relative; top: 5px; margin-right: 10px; }
.job-txt { padding: 20px 10px; }
.job-txt pre { line-height: 2.0em; font-size: 16px; color: #444444; font-family: Arial, Helvetica, 'Microsoft YaHei', 'Helvetica Neue', sans-serif !important; }
.job-conpy { padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; background: #FFFFFF; border: solid 1px #d9d9d9; }
.job-conpy h1 { font-size: 17px; font-weight: normal; color: #999; line-height: 30px; }
.job-conpy h1 i { width: 3px; background: #999; height: 20px; display: block; float: left; position: relative; top: 5px; margin-right: 10px; }
.job-conpy-pic { margin-top: 20px; }
img.conpy-pic { width: 98px; height: 98px; border: solid 1px #d9d9d9; }
.conpy-name { text-align: center; }
.conpy-name h2 { font-size: 17px; font-weight: normal; }
.conpy-name h2 a { color: #444444; }
.conpy-name h2 a:hover { text-decoration: none; color: #008040; }
.conpy-name p { font-size: 16px; color: #ff6600; line-height: 20px; margin-top: 10px; }
.conpy-name p i { margin-right: 5px; position: relative; top: 3px; }
.conpy-name p i img { width: 20px; height: 20px; border: none; }
.conpy-list { margin-top: 30px; }
.conpy-list li { font-size: 14px; color: #444444; line-height: 24px; margin: 5px 0px; }
.conpy-list li span { color: #999999; margin-right: 10px; }
li.conpy-map { margin-top: 20px; }
.xs-joblist { margin-top: 25px; }
.xs-joblist li { border-bottom: solid 1px #d9d9d9; padding-bottom: 13px; margin-top: 20px; }
.xs-pic { width: 58px; float: left; }
.xs-pic img { width: 58px; height: 58px; border: solid 1px #d9d9d9; }
.xs-txt { width: 230px; float: right; }
.xs-txt p { text-align: left; color: #444444; }
.xs-txt p a { color: #444444; }
.xs-txt p span { float: right; color: #999999; }
.xs-txt p a span { float: none; background: #008040; color: #fff; position: relative; top: -2px; left: 5px; line-height: normal; font-size: 10px !important; padding: 2px 3px; border-radius: 2px; display: inline-block; }
.xs-txt h3 { font-size: 14px; color: #ff8800; font-weight: bold; }
.xs-txt h2 { font-size: 14px; font-weight: normal; color: #999999; }
.xs-joblist h4 { font-size: 14px; text-align: center; font-weight: normal; padding: 30px 0 10px 0; }
.xs-joblist h4 a { color: #444444; }
.jd-tit { text-align: left; font-size: 16px; color: #444444; }
.jd-tit { margin: 35px 0 20px 0; }
.jd-tit .adscroll { width: 300px !important; }
.jd-tit span { float: right; font-size: 14px; color: #999999; }
.jd-tit span a { color: #999999; margin-left: 10px; }

.jd-box { background: #FFFFFF; border: solid 1px #d9d9d9; padding: 30px; }
.jd-box { margin-bottom: 30px; }
.jd-box li { width: 200px; float: left; border: #f1f1f1 solid 1px; padding-bottom: 20px; margin-left: 32px; display: inline; margin-bottom: 30px; }
img.jd-pic { width: 200px; height: 160px; }
.jd-box p { padding-left: 15px; margin-top: 30px; }
.jd-box p a { font-size: 16px; color: #444444; margin-right: 5px; font-weight: bold; }
.jd-box p .g_uico { height: 20px; position: relative; top: 3px; }
.jd-box p .g_uico a { margin: 0; }
.jd-box p i { margin-right: 5px; }
.jd-box li h1 { font-size: 14px; font-weight: normal; color: #777777; line-height: 10px; margin-top: 15px; margin-left: 15px; }
.jd-info { width: 1200px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; }
.jd-name { padding: 35px 0 5px 0; }
.jd-name h1 { font-size: 24px; color: #444444; font-weight: normal; }
.jd-name h1 i { margin-left: 5px; height: 20px; }
.jd-name h1 span { font-size: 14px; color: #999999; height: 20px; }
.jd-name h1 span.g_uico { position: relative; top: -5px; }
.jd-list { background: #FFFFFF; border: solid 1px #d9d9d9; padding: 30px 30px 20px 30px; }
.jd-list-left { width: 600px; float: left; }
.jd-list-right { width: 260px; float: right; }
.jd-list-left img { float: left; border: solid 1px #d9d9d9; }
.jd-lb { width: 56px; float: left; font-size: 14px; color: #999999; margin-left: 30px; display: inline; }
.jd-lb p { text-align: right; margin-bottom: 13px; }
.jd-lb-txt { width: 250px; }
.jd-lb-txt p { text-align: left; color: #444444; }
.jd-list-right p { font-size: 14px; color: #444444; margin-bottom: 13px; }
.jd-list-right p span { color: #999999; }
.jd-list-right p a { border-radius: 2px; width: 180px; height: 48px; display: block; text-align: center; line-height: 48px; background: #ff6600; color: #FFFFFF; margin-top: 20px; font-size: 16px; }
.jd-list-right p a:hover { text-decoration: none; }
.jd-yhq { background: #FFFFFF; border: solid 1px #d9d9d9; padding: 30px; margin-top: 20px; }
.jd-yhq h1 { font-size: 18px; font-weight: normal; color: #444444; line-height: 15px; }
.jd-yhq li { float: left; margin-right: 13px; }
.jd-yhq ul { margin-top: 20px; }
.yhq-txt { margin-top: 40px; }
.yhq-txt h1 { font-size: 14px; font-weight: normal; color: #444444; margin-bottom: 15px; }
.yhq-txt p { color: #999999; line-height: 24px; }
.yhq-txt h2 { font-size: 14px; color: #999; }
.jd-bj h1 { margin-bottom: 15px; }
.jd-bj p { font-size: 14px; color: #666; line-height: 35px; }
.jd-bj li { float: none; text-align: left; color: #444444; border-bottom: dotted 1px #d9d9d9; padding-bottom: 20px; margin-top: 20px; }
.jd-bj li i { font-style: normal; color: #ff6600; margin-right: 10px; }
.jd-bj li span { float: right; }
.jd-bj li time { color: #999999; display: block; margin-top: 15px; }
a.jd-active { background: #008040; color: #FFFFFF !important; }
.job-nav-info li a:hover { border: none !important; }
.workstip-main .workstip-info li a { color: #333; }
.workstip-main .workstip-info li a:hover { }
.designerMain-box { width: 1200px; margin: 0 auto; padding-top: 80px; }
.designerMain-left { margin-bottom: 30px; width: 350px; float: left; border: solid 1px #d9d9d9; background: #FFFFFF; padding: 18px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
.designerMain-right { width: 820px; float: right; margin-bottom: 50px; }
.designerMain-right-info { width: 818px; border: solid 1px #d9d9d9; background: #FFFFFF; }
.designerBox-tip { margin: 0 auto; }
.tx-img { width: 100px; float: left; }
.tx-img img { width: 100px; height: 100px; }
.tx-text { width: 195px; float: right; margin-top: 5px; }
.tx-text p { font-size: 18px; color: #444; }
.tx-text p span { margin-right: 10px; height: 22px; }
.tx-text p i { position: relative; top: 1px; }
.tx-text .g_uico { position: relative; top: 4px; }
.sx-btn { color: #008040 !important; border-radius: 0; }

.tx-text h1 { font-size: 14px; font-weight: normal; color: #777; line-height: 10px; margin-top: 20px; }
.tx-text h1 a { color: #444444; padding: 10px; margin-left: -10px; margin-top: -10px; }
.tx-text h1 .add { position: relative; left: 3px; top: 1px; }
.ts { color: #999999 !important; }
.tx-btn { margin-top: 20px; }
.tx-btn i { position: relative; left: -5px; }

.sx-btn-active i { }
.tx-btn a { width: 146px; height: 36px; display: block; border: solid 1px #008040; text-align: center; line-height: 36px; border-radius: 2px; float: left; margin-right: 15px; font-size: 14px; color: #008040; }
.tx-btn a.dsb { border: solid 1px #999; color: #999; }
.tx-btn a.dsb:hover { color: #999 !important; }
.bghj { background: #fff; }
.bghj ul li { overflow: hidden; }
.bghj ol { text-align: center; position: relative; }
.bghj ol li { display: inline-block; width: 11px; height: 11px; margin: 0 4px; text-indent: -999em; border-radius: 6px; background: #008040; cursor: pointer; opacity: 0.2; padding: 0; }
.bghj ol li.on { opacity: 1; }

.tx-btn a:hover { text-decoration: none; color: #00a752 !important; }
.designerMain-left-info { margin-top: 30px; }
.designerMain-left-info { border-bottom: solid 1px #e0e0e0; padding-bottom: 30px; }
.designerMain-left-info li { text-align: left; font-size: 14px; color: #444444; line-height: 35px; font-family: Arial, Helvetica, 'Microsoft YaHei', 'Helvetica Neue', sans-serif !important; }
.designerMain-left-info li a .qu { position: relative; top: 2px; }
.designerMain-left-info li span { float: right; color: #444444; font-size: 19px; }
.designerMain-left-info li span abbr { font-size: 14px; }
.designerMain-left-info li a { color: #008040; }
.designerMain-contact li { text-align: left; font-size: 14px; color: #999999; line-height: 35px; }
.designerMain-contact { margin-top: 30px; padding-bottom: 200px; border-bottom: solid 1px #d9d9d9; }
.designerMain-contact li span { float: right; color: #444444; }
.designerMain-contact { margin: 30px 0; padding-bottom: 20px; border-bottom: solid 1px #d9d9d9; }
.designerMain-box .designerMain-left .designerMain-tx .my-skilful { padding-bottom: 150px; border-bottom: solid 1px #d9d9d9; }
.designerMain-box .designerMain-left .designerMain-tx .my-skilful ul li { font-size: 14px; color: #444; line-height: 24px; overflow: hidden; }
.designerMain-box .designerMain-left .designerMain-tx .my-skilful ul li span { color: #999; float: left; padding-right: 15px; padding-bottom: 40px; }
.designerMain-box .designerMain-left .designerMain-tx .my-skilful ul li b { text-align: left; box-sizing: border-box; font-weight: normal; word-break: break-all; word-wrap: break-word; }


.designerMain-address { text-align: left; color: #999999; margin-top: 20px; font-size: 12px; }
.designerMain-address span { float: right; }
.designerMain-address span a { display: block; margin-top: 5px; }
.designerMain-tip a { width: 30px; height: 60px; display: block; background: #ff6600; color: #FFFFFF; text-align: center; font-size: 14px; margin-top: 10px; padding-top: 12px; line-height: 18px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
.designerMain-tip a { border-radius: 2px 0 0 2px; }
.designerMain-tip { position: relative; left: -49px; height: 1px; top: 40px; }
.designerMain-tip a:hover { text-decoration: none; }
.btn-primary { background: none; border: none; padding: 0; }
.btn-primary:hover { background: none; color: #008040; }
.btn-primary.focus, .btn-primary:focus { background: none; color: #444444; }
.modal-header { background: #008040; color: #FFFFFF; }
.modal-lg, .modal-sm { width: 500px; }
.true { font-size: 30px !important; }
.modal-header h4 { font-size: 14px !important; font-weight: normal !important; }
.modal-body p { font-size: 14px; color: #999999; padding-left: 15px; margin-bottom: 20px; }
.modal-body p span { margin-right: 10px; }
.modal-body p input { width: 380px; height: 40px; background: none; padding-left: 10px; border: solid 1px #d9d9d9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
.sx-nr { width: 380px; min-height: 100px; background: none; padding-left: 10px; padding-top: 10px; border: solid 1px #d9d9d9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; background: #FFFFFF; }
.sx-nrbt { position: relative; top: -80px; }
.modal-footer { border: none; text-align: left; padding-left: 70px; padding-bottom: 30px; }

.btn-default { width: 145px; height: 40px; background: #d0d0d0; color: #767676; border: none; border-radius: 0; }
.btn-default:hover { background: #d0d0d0; color: #767676; }
.btn-tj { width: 120px; height: 40px; background: #008040 !important; color: #FFFFFF !important; border-radius: 0; }
.btn-tj:hover { background: #008040; color: #FFFFFF; }
.btn { line-height: 0; }
.nav-tabs { width: 130px !important; margin: 0 auto; min-width: 0; border: none; padding-top: 30px; }
.designerMain-nav { height: 50px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #008040; cursor: default; background-color: #fff; border: none; border-bottom-color: transparent; }

.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: none; border-radius: 0; }
.nav-tabs li a:hover { background: none; }
.designerMain-nav li a:hover { color: #008040; }
.designerMain-toptip { top: 15px; left: 0; width: 470px; margin: 0 auto; }
.designerMain-toptip b { font-size: 14px; }
.designerMain-works { padding: 0 49px; }

.designerMain-info h2 {  padding: 0px 10px 5px 10px !important; }
.designerMain-info li { margin: 0 0 30px 27px; }
.hf-btn a { color: #999999; }
.nav-tabs li { font-size: 16px; }
.designerMain-works { padding-bottom: 30px; }
.jjt { background: #d9d9d9; height: 38px; position: relative; top: -1px; left: -1px; width: 822px; }
.designerMain-pl { width: 822px; float: right; padding-top: 20px; }

.designerMain-pl-info { width: 822px; border: solid 1px #d9d9d9; padding: 0 20px 30px 20px; box-sizing: border-box; margin: 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; background: #FFFFFF; }
.designerMain-pl h1 { font-size: 14px; color: #d9d9d9; font-weight: normal; line-height: 0; margin-top: 10px; margin-bottom: 20px; }
.designerMain-pl h1 span { color: #444444; }
.designerMain-pl h1 a { color: #444444 !important; }
.designerMain-pl h1 span { margin-right: 10px; }
.designerMain-pl h1 a { color: #999999; margin-left: 10px; }
.designerMain-pl-info .pl-info { margin-bottom: 30px; }
.designerMain-pl-info .pl-info li { border-bottom: solid 1px #e0e0e0; margin-top: 20px; padding-bottom: 6px; }
.pl-pic { width: 50px; float: left; }
.pl-pic img { width: 50px; height: 50px; }
.pl-txt { margin-left: 70px; font-size: 14px; padding-bottom: 10px; overflow: hidden; }
.pl-txt abbr { margin-left: 15px; color: #444444; }
.pl-txt span { float: right; font-size: 12px; }
.pl-txt p { color: #999999; }
.pl-txt p a { color: #444444; margin-right: 15px; }
.pl-txt h1 { text-align: left; font-size: 14px; font-weight: normal; line-height: 0; margin-top: 27px; color: #333333; }
.pl-txt h1 { float: left; }
.pl-txt h1 a { color: #333333; }
.hf-box { margin-top: 20px; }
.hf-btn h4 { float: right; font-size: 14px; font-weight: normal; position: relative; right: -15px; top: 7px; }
.hf-text { width: 100%; min-height: 100px; border: solid 1px #d9d9d9; }
.hf-info a { width: 148px; height: 42px; display: block; border: solid 1px #008040; color: #008040; text-align: center; line-height: 42px; margin-top: 20px; font-size: 14px; }
.hf-info a:hover { text-decoration: none; }

.worksMain { width: 1200px; margin: 0 auto; padding-bottom: 50px; }
.ad-image img { width: 860px !important; height: auto !important; }
.ad-image { top: 0 !important; }


/*********************作品页面详情页面标签*****************/
.main-works { width: 1200px; }
.main-right { margin-top: 15px; font-size: 14px; }
.pin-wrapper .pl-listR { top: 20px !important; }
.qz { background: #ff6600; border: none !important; }
.pl-listR a.jsx:hover { color: #00a752; }
.qz a { color: #FFFFFF !important; }
.main-left { width: 915px; float: left; }
.right-box { width: 258px; float: right; margin-top: 30px; }
.right-box .pl-listR { float: none; }

.right-box .pl-listR a { margin-top: 0px; font-size: 14px; }
.right-box a.jsx { margin-top: 15px; }
.right-btn { margin-bottom: 20px; }

.right-btn li { height: 35px; width: 100%; border: solid 1px #efefef; margin-bottom: 15px; border-radius: 2px; }
.right-btn li span { margin-left: 10px; margin-right: 5px; position: relative; top: 2px; font-weight: bold; font-size: 16px; }
.right-btn li span:last-child { top: 1px; left: -3px; }
.right-btn li span:first-child { left: 0; }
.right-btn li a { width: 100%; height: 35px; display: block; padding-left: 55px; box-sizing: border-box; line-height: 35px; color: #00803f; }
.right-btn li a:hover { color: #00a752 !important; }
.main-jd { margin-top: 230px; }
li.first-icon { background: #00803f; }

li.first-icon a { color: #ffffff; border: none; }
li.first-icon a:hover { border: none; color: #FFFFFF; }
.left-main { width: 915px; border: solid 1px #d9d9d9; position: relative; top: 30px; background: #ffffff; padding: 30px; box-sizing: border-box; }
.left-main h1 { font-size: 24px; color: #333; font-weight: normal; }
.left-main p { color: #444444; line-height: 25px; font-size: 14px; margin-bottom: 15px; word-break: break-all; word-wrap: break-word; }
.ad-gallery { margin-top: 30px; }
.ad-image-wrapper { margin-top: 20px; }
.left-main time { font-size: 12px; color: #b4b4b4; }
.med { margin-top: 30px; }
.tap { width: 45px; height: 30px; top: -35px; background: #ff6600; color: #ffffff; position: relative; left: -75px; text-align: center; line-height: 30px; }
.zhan { color: #000000; }


.workdetail pre { font-size: 16px; margin-bottom: 15px; }
.workdetail .top-icon span i { position: relative; top: 3px; }
.workdetail .top-icon { font-size: 10px; color: #ccc; }
.workdetail .top-icon span { font-size: 18px; }
.workdetail h1 em { margin-top: -4px; }
/*********************作品页面详情页面标签*****************/


.visit-main .top-icon span i { position: relative; top: 3px; }
.visit-main .top-icon { font-size: 10px; color: #ccc; }
.visit-main .top-icon span { font-size: 14px; }
.visit-main .top-icon span b { font-size: 18px; }
.visit-main .top-icon span b a { color: #008040; }
.visit-main .top-icon span:first-child b { color: #444; }
.visit-main time { display: block; margin-top: -20px; margin-bottom: 20px; }


.pl-box { width: 1200px; margin: 0 auto; padding-top: 80px; padding-bottom: 50px; }

.pl-listL { width: 915px; float: left; border: solid 1px #d9d9d9; background: #FFFFFF; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; margin-bottom: 30px; }
.pl-listL .g_page li { border: none; }

.pl-box h2 { font-size: 16px; font-weight: normal; margin-bottom: 30px; }
.pl-box h2 b { margin: 0 5px; }
.pl-listR { float: right; }
.pl-box .pl-listR { position: relative; right: -2px; }
.pl_list_name { width: 260px; border: solid 1px #d9d9d9; background: #FFFFFF; padding: 20px 20px 20px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
.main-right { width: 260px; border: solid 1px #d9d9d9; background: #FFFFFF; padding: 20px 20px 0px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
.pl-listL .pl-txt { }
.pl-listL li { border-bottom: solid 1px #d9d9d9; margin-top: 20px; padding-bottom: 6px; }
.pl-listR-img { width: 60px; float: left; }

.pl-listR-name { width: 150px; float: right; height: 74px; }
.pl-listR-name h1 { font-size: 16px; font-weight: normal; color: #444444; text-align: left; line-height: 24px; margin-top: 1px; }
.pl-listR-name h1 span { font-size: 12px; margin-left: 10px; position: relative; top: -1px; }
.pl-listR-name h1 span a { color: #ffffff; border: solid 1px #32ab6e; border-radius: 2px; padding: 1px 3px; background-color: #32ab6e; }
.pl-listR-name p { color: #999999; font-size: 13px; margin-top: 8px; }
.der-list { margin-top: 5px; }
.der-list a { border-radius: 2px; width: 100%; height: 35px; display: block; background: #008040; text-align: center; line-height: 35px; font-size: 14px; color: #FFFFFF; }
.der-list a.dsb { background: #999; color: #ccc; }
.pl-listR a:hover { text-decoration: none; }
a.jsx { background: none; border: solid 1px #efefef; color: #008040; margin-top: 15px; }
a.jsx:hover { border-color: #efefef !important;; }
.pl-listR a i { position: relative; left: -5px; }
.pl-listL .page li { border-bottom: none; }
.designerBox-tip { width: 720px; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; margin-bottom: 30px; }
.designerMain-massage { margin-top: 20px; }
.designerMain-massage textarea { width: 100%; font-size: 15px; min-height: 150px; border: solid 1px #e0e0e0; }

.designerMain-massage a:hover { text-decoration: none; }
.friend-right { width: 1100px; }
.friend-txt { width: 1020px; }
.friend-txt h1 span { margin-right: 65px; }
.friend-tip { border-bottom: solid 1px #d9d9d9; margin: 0 auto 30px auto; }
.friend-tip .workstip-info { width: 312px; left: 0; margin: 0 auto; font-size: 14px; }
.friend-tip .nav__menu-item b { color: #333333 !important; }
.friend-tip .nav__menu-item b:hover { color: #333 !important; }
.friend-tip .nav__menu-item b:active { color: #333 !important; }


.designerMain-toptip .nav__menu-item b { color: #333333 !important; }
.designerMain-toptip .nav__menu-item b:hover { color: #333 !important; }
.designerMain-toptip .nav__menu-item b:active { color: #333 !important; }
.company-top { border: solid 1px #d9d9d9; background: #FFFFFF; padding: 30px; }
.company-img { width: 100px; float: left; }
.company-img img { width: 98px; height: 98px; border: solid 1px #d9d9d9; }
.company-text { width: 1000px; float: right; }
.company-text h1 { font-size: 22px; font-weight: normal; line-height: 24px; color: #444444; margin-bottom: 15px; }
.company-text h1 i { position: relative; top: 3px; }
.company-text h1 span { color: #ff6600; font-size: 14px; height: 20px; margin-left: 10px; }
.company-text p { font-size: 14px; color: #999999; margin-bottom: 25px; }
.company-fl span { padding: 7px 15px; background: #eee; color: #999; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; margin-right: 8px; }
.company-left { width: 830px; float: left; }
.company-left .nav-tabs { width: auto !important; }
.company-left .nav-tabs .resume { float: right; line-height: 42px; font-size: 14px; color: #444; }
.company-left .nav-tabs .resume b { font-size: 18px; color: #666; margin: 0 3px; }
.company-left .nav-tabs .dropdown-menu { padding: 0; }
.company-box { background: #FFFFFF; border: solid 1px #d9d9d9; padding: 30px 0 20px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; margin-bottom: 50px; }
.company-right { width: 345px; float: right; border: solid 1px #d9d9d9; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; margin-top: 30px; }
.company-left .nav-tabs { margin: 0; height: 45px; }
.company-infobox { padding: 0 20px; }
.company-info h1 { font-size: 17px; font-weight: normal; color: #999; line-height: 30px; }
.company-info h1 i { width: 3px; background: #999; height: 20px; display: block; float: left; position: relative; top: 5px; margin-right: 10px; }
.company-infobox pre { margin: 25px 0; line-height: 32px; color: #444444; background: none; font-family: Arial, Helvetica, 'Microsoft YaHei', 'Helvetica Neue', sans-serif !important; font-size: 16px; }
.company-infobox ul { margin-top: 10px; }
.company-infobox li { border-top: solid 1px #d9d9d9; margin: 35px 0; padding-top: 14px; }
.company-infobox li:first-child { margin-top: 20px; }
.company-infobox li:last-child { margin-bottom: 10px; }
.company-infobox li h1 { font-size: 18px; font-weight: normal; text-align: left; color: #999999; padding: 15px 0; }
.company-infobox li h1 span { float: right; font-size: 14px; }
.company-infobox li h1 a { color: #008040; }
.company-info .company-left .designerMain-works { padding: 0; }
.company-info .company-left .designerMain-works .group { text-align: right; margin-top: 30px; margin-bottom: 15px; }
.company-info .company-left .designerMain-works .title { float: left; font-size: 16px; color: #444444; }
.company-info .company-left .designerMain-works .designerMain-info { border: solid 1px #d9d9d9; padding: 30px 0 10px 55px; }
.tab-content .designerMain-works .designerMain-info { border: none !important; }
.job-list p { font-size: 14px; color: #cccccc; margin: 0 0 0 -20px; }
.job-list p span { color: #444444; margin: 0 20px; }
.job-list p span b { font-size: 16px; color: #ff8800; }
.job-list em { position: relative; top: -2px; }
.job-list .green { font-size: 10px; padding: 2px 3px; background: #008040; color: #FFFFFF; border-radius: 2px; }
.job-list .red { font-size: 10px; padding: 2px 3px; background: #eee; color: #999; border-radius: 2px; }
.company-right h1 { font-size: 17px; font-weight: normal; color: #999; line-height: 30px; }
.company-right h1 i { width: 3px; background: #999; height: 20px; display: block; float: left; position: relative; top: 5px; margin-right: 10px; }
.company-right ul { margin-top: 10px; }
.company-right li { line-height: 30px; font-size: 14px; }
.company-right li span { color: #999999; margin-right: 10px; }
.company-right li a:hover { color: #008040; }
.company-right li img { margin-top: 10px; }
.my-job { padding: 30px; }
.my-job p { color: #999999; font-size: 14px; }
.my-job-info { width: 780px; margin: 0 auto; }
.my-job-info p { padding-bottom: 20px; }
.my-job-info li { font-size: 16px; color: #999999; padding-bottom: 20px; line-height: 1.8em; }
.my-job-info li span { color: #333; margin-left: 20px; }
.my-job-info a { width: 170px; height: 50px; display: block; background: #008040; color: #FFFFFF; text-align: center; line-height: 50px; font-size: 14px; margin-top: 30px; }
.my-job-info a:hover { text-decoration: none; }
.zs { text-align: center; padding: 50px 0; }
.zs img { border: solid 5px #999999; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #008040; cursor: default; background: none; border: none; border-bottom-color: transparent; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active { color: #008040; cursor: default; background: none; border: none; border-bottom-color: transparent; font-weight: bold; }
.nav-tabs li a:hover { color: #008040; }
.top-icon { margin-left: -20px !important; margin-top: -10px !important; }
.top-icon span { color: #444444; margin: 0 20px; }
.top-icon i { color: #444444; margin-right: 5px; }
.dz { text-align: center; margin-top: 50px; margin-bottom: 20px; }
.dz a { width: 100px; height: 100px; padding-top: 5px; box-sizing: border-box; display: block; margin: 0 auto; background: #008040; color: #FFFFFF; line-height: 80px; text-align: center; border-radius: 100px; font-size: 14px; }
.dz a:hover { text-decoration: none; }

.zhan span { position: relative; top: -50px; font-size: 24px !important; }
#zhan { width: 50px; height: 50px; left: 50% !important; margin-left: -25px; margin-top: -80px; color: #FFFFFF; }
.otherWorks { width: 915px; float: left; background: #ddd; padding-top: 20px; padding-left: 100px; padding-bottom: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; margin-bottom: 10px; }
.otherWorks-pl { float: left; width: 915px; }
.otherWorks-pl .designerMain-pl-info { width: 915px; }
.otherWorks-pl .pl-txt { }
.works-header { position: relative; }
.works-boxinfo { margin-top: 0px; padding-bottom: 50px !important; }
.works-listtip { position: static; z-index: 999; height: 76px; }
.company-page { padding: 50px 10px 50px 0px; }
.company-tip { border-top: none; margin-top: -20px; }
.friend-tile h1 span { color: #999; font-size: 14px; }
.friend-tile h1 a { text-decoration: none; margin-right: 25px; }
.friend-tile h1 a.act { color: #008040; }
.friend-tile h1 abbr { margin-left: 20px; }
.friend-tile h1 abbr a { margin: 0 5px; }
.worksMain-nav { position: relative; }
a.orderOnline { color: #FFFFFF !important; }
a.orderOnline:hover { background: #ff6600; color: #FFFFFF !important; }
.orderOnlineactive { background: #ff6600 !important; color: #FFFFFF !important; }
.modal-body i { color: #ff6600; font-style: normal; }
.orderOnline-modal p span { width: 60px; text-align: right; display: inline-block; }
.orderOnline-modal p input { width: 350px; }
input.day { width: 14px !important; height: 14px !important; margin: 0 3px; position: relative; top: 3px; }
.orderOnline-nr { width: 350px; }
a.yypw { color: #FFFFFF !important; border-radius: 2px; }
a.yypw:hover { background: #008040; }
.yypwactive { background: #008040 !important; color: #FFFFFF !important; }
.companyWorks h1 { font-size: 18px; font-weight: bold; line-height: 30px; }
.companyWorks p { font-size: 16px; color: #ff6600; line-height: 20px; margin-top: 20px; }
.companyWorks p i { margin-right: 10px; }
.companyWorks p span { position: relative; top: -5px; }
.companyWorks .works-btn li span:first-child { margin-right: 5px; }
.companyWorks .pl_list_name .right-btn { margin-bottom: 0; margin-top: 20px; }
.companyWorks .pl_list_name .right-btn li { margin-bottom: 0; margin-top: 15px; }
.modal-open { padding: 0 !important; }
.conpyWorks-map { padding-top: 10px; }
.conpyWorks-map img { width: 215px; }
.cp-list { margin-top: 10px; }
.cp-list li span { margin-right: 10px; }
.ts-login { width: 100%; height: 150px; border: solid 1px #d9d9d9; background: #FFFFFF; text-align: center; line-height: 150px; font-size: 16px; color: #999999; }
.ts-login a { width: 40px; text-align: center; height: 20px; display: inline-block; line-height: 20px; margin-top: -1px; }
.ts-login a:hover { text-decoration: none; }
.pl-btn .btn { width: 200px; height: 50px; display: block; background: #008040; color: #FFFFFF; margin-top: 20px; font-size: 14px; border-radius: 2px; }
.ts-loginbtn { font-size: 16px; color: #333333 !important; }
input.yzm { width: 100px !important; }
.orderOnline-modal p img { position: relative; top: 10px; }
.modal-body p span { color: #444; }
.dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu { max-height: 300px; overflow: auto; width: 143px !important; min-width: 143px !important; }
.dropdown-menu li { }
.dropdown-menu li a { padding: 3px 20px !important; }
.dropdown-menu li a:hover { background: none !important; color: #333 !important; }
.city-btn { background: none !important; border: solid 1px #008040; }
.city-btn:hover { border: solid 1px #008040; }
.btn-group { margin-left: 20px; }
.btn-group02 { margin-left: 10px; }
.btn-group.open .dropdown-toggle { webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0); }
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #008040; }
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { color: #333; background-color: #d4d4d4; border-color: #008040; }
.city-body { padding: 10px 0 20px 0 !important; }
.city-btn span { color: #444444 !important; }
.ser-designer { display: inline-block; height: 38px; margin-left: 10px; margin-top: 1px; }
.ser-designer input { width: 250px; height: 38px; border: solid 1px #008040; padding-left: 15px; color: #444444; display: inline-block; position: relative; top: 1px; }
.ser-designer button { height: 40px; width: 100px; text-align: center; line-height: 40px; cursor: pointer; border: solid 1px #008040; background: #008040; color: #FFFFFF; position: relative; left: -30px; top: 2px; }
.designer-ser { height: 30px; margin-left: 50px; }
.designer-ser input { border: solid 1px #008040; height: 28px; width: 280px; color: #444444; font-size: 14px; padding-left: 10px; }
.designer-ser button { width: 70px; height: 30px; border: none; background: #008040; color: #fff; cursor: pointer; font-size: 14px; position: relative; left: -20px; }
.yypw:hover { color: #FFFFFF !important; }
.vipcompy-pic { float: left; margin-left: 30px; }
.vipcompy-img { float: left; }
.vipcompy-text { width: 820px; color: #444444; }
.vipcompy-text p { display: inline-block; margin-left: 50px; }
.vipcompy-text h1 { margin-top: -6px; }
.vipcompy-text h1 i { position: relative; top: 10px; }
.vipcompy-text h1 span { margin-left: 10px; color: #ff6600; font-size: 14px; }
.vipcompy-text h2 { font-size: 14px; font-weight: normal; margin-top: -15px; }
.vipcompy-text h3 { font-size: 14px; color: #444444; font-weight: normal; }
.vipcompy-info { margin-top: 16px; }
.top-name { display: inline-block; }
.top-name .nav__menu-item b { color: #CCCCCC; }
.top-name .nav__menu-item:hover > b { color: #ffffff !important; }
.top-name li ul { width: 100px; font-size: 12px; }
.top-name li ul li { width: 100px; height: 30px !important; line-height: 30px !important; }

.num { color: #CCCCCC; }

.top-name li ul li a { font-size: 12px; display: block; width: 87px !important; text-align: left !important; height: 30px !important; line-height: 30px !important; padding-left: 13px !important; }
.top-name li ul li a:hover { color: #FFFFFF !important; }
.top-name li b { color: #ababab !important; width: 100px; }


.top-name li a { text-decoration: none; }

.top-name li ul li a span { position: relative; left: 15px; font-size: 13px; font-weight: bold; }
.top-name li ul li a span { color: #666; }
.top-name li ul li a span.num1 { color: #CCCCCC; }
.top-name li ul li a:hover span { color: #fff !important; }
.dlzt-right { width: 400px; }
.joblist-ser .ser-input { width: 560px; }
.joblist-ser .ser-input input { width: 560px; }
.jd-tit h1 { font-size: 14px; display: inline-block; color: #444444; float: right; position: relative; top: 6px; }
.jd-tit #scrollDiv ul li { text-align: left; }
.jd-tit #scrollDiv { left: 60px; }
.jd-name h2 { display: inline-block; font-size: 14px; font-weight: normal; float: right; margin-top: 12px; }
.job-ser { margin-bottom: 30px; margin-top: 18px; }
.job-ser .ser-input { width: 820px; }
.job-ser .ser-input input { width: 820px; }
.works-btn ul { margin-top: 20px; border: solid 1px #00803f; margin-bottom: 20px; border-bottom: transparent; }
.works-btn li { text-align: center; font-size: 14px; border-bottom: solid 1px #00803f; }

.works-btn li a { height: 35px; line-height: 35px; width: 100%; display: block; text-align: center; color: #00803f; }

.works-btn li a:hover { color: #00a752; }
li.first-icon a { color: #ffffff; border: none; }
li.first-icon a:hover { color: #ffffff; border: none; }
.gmyhq p { padding: 0; }
.gmyhq h2 { font-size: 14px; font-weight: normal; color: #666; }
.gmyhq h2 span { font-weight: bold; color: red; }
.gmyhq h3 { font-size: 18px; font-weight: normal; color: #444; line-height: 40px; margin-top: 20px; }
.gmyhq-bottom { padding-left: 50px; }
.gmyhq-bottom h3 { font-size: 12px; font-weight: normal; color: #999; }
.jymm { height: 40px; margin-top: 30px; }
.jymm input { width: 200px; height: 20px; display: inline-block; }
.gmyhq-bottom p { font-size: 12px; color: #999999; line-height: 24px; }
.gmyhq a.cz { width: 180px; height: 48px; display: block; text-align: center; line-height: 48px; color: #FFFFFF; background: #00a752; font-size: 14px; text-decoration: none; margin: 30px 0; }
.hmyhq-info .modal-dialog { padding-right: 100px; }
.gmyhq { padding-left: 50px; }
.jymm a { margin: 0 10px; }
.company-left .dropdown-menu > .active > a, .company-left .dropdown-menu > .active > a:focus, .company-left .dropdown-menu > .active > a:hover { color: #fff !important; text-decoration: none; background-color: #008040 !important; outline: 0; }
.company-left .dropdown-menu li a { width: auto; text-decoration: none; font-size: 14px; }
.company-left .dropdown-menu li a:hover, .company-left .dropdown-menu li a.hover { background: #008040 !important; color: #ffffff !important; }
a.qz { background: #008040 !important; }
.more-fl { position: relative; left: 149px !important; top: -72px !important; width: 149px !important; display: none; text-align: left !important; border-top: solid 1px #d9d9d9 !important; border-bottom: solid 1px #d9d9d9 !important; padding-bottom: 15px !important; border-left: solid 1px #d9d9d9 !important; overflow-x: hidden; }

/**.more-fl{
    position:fixed;
    left: 759px!important;
    top: 166px!important;
    z-index: 999999!important;
    display: none;
    height: 321px;
    border-top:solid 1px #d9d9d9!important;

}


@media screen and (width:1366px){
    .more-fl{
        left: 482px!important;
        top: 166px!important;
    }
}
@media screen and (width:1440px){
    .more-fl{
        left: 519px!important;
        top: 166px!important;
    }
}
@media screen and (width:1600px){
    .more-fl{
        left: 599px!important;
        top: 166px!important;
    }
}
*****/
.more-fl li { height: 30px !important; line-height: 30px !important; border-color: transparent !important; background: #ffffff !important; text-align: left !important; }
.workstip-info li ul li ul li { height: 35px !important; line-height: 35px !important; padding: 10px 0 10px 30px !important; box-sizing: border-box; }
.workstip-info li ul li ul li a { height: 35px !important; text-align: left !important; line-height: 35px !important; }


.nav__submenu1 .nav__submenu-item:hover, .nav__submenu1 .nav__submenu-item:hover { border-color: #eee !important; }
.nav__submenu1 .nav__submenu-item:hover > a, .nav__submenu1 .nav__submenu-item:hover > a { color: #008040 !important; }
.nav__submenu .nav__submenu-item:hover > .more-fl { display: block; color: #008040 !important; text-align: left !important; }
.nav__submenu .nav__submenu-item:hover > .more-fl a { color: #333 !important; }
.nav__submenu .nav__submenu-item:hover > .more-fl a:hover, .nav__submenu .nav__submenu-item:hover > .more-fl a.hover { color: #008040 !important; }
.nav__submenu p { border-top: solid 1px #eee; }
.tip-time { }
.nav__submenu .hover { border-top: solid 1px #eee !important; }
.nav__submenu .hover a { color: #008040 !important; }
#box a { width: 100%; height: 40px; background: #e8e8e8; color: #666; display: block; text-align: center; line-height: 40px; text-decoration: none; margin-bottom: 50px; }
.city-s .dropdown-menu { display: none; }
.city-s:hover .dropdown-menu { display: block; }
.city-s li a:hover { color: #008040 !important; }
.hf-text { padding: 10px; font-size: 14px; box-sizing: border-box; }



table.designer { width: 100%; font-size: 14px; }
table.designer > tbody > tr > td { padding: 8px 0; }
table.designer > tbody > tr.l > td { padding: 0; }
table.designer > tbody > tr.l > td > hr { border-top: 1px solid #d9d9d9; overflow: hidden; }

table.designer > tbody > tr > td.cf { width: 80px; }
table.designer > tbody > tr > td.cn { font-size: 16px; color: #333; width: 100px; }
table.designer > tbody > tr > td.ci img { margin: 0 5px 0 0; }
table.designer > tbody > tr > td.cr { width: 180px; }
table.designer > tbody > tr > td.ct { }
table.designer > tbody > tr > td.cl { width: 150px; }
table.designer > tbody > tr > td.cs1 { width: 100px; }
table.designer > tbody > tr > td.cs2 { width: 100px; }
table.designer > tbody > tr > td.cz { width: 120px; text-align: right; }
table.designer > tbody > tr > td.cb { width: 200px; text-align: right; }
table.designer > tbody > tr > td.cb a { width: 90px; height: 42px; display: block; font-size: 14px; float: right; text-align: center; line-height: 42px; background: #cccccc; color: #858585; border-right: 1px solid #bfbfbf; }
table.designer > tbody > tr > td.cb a:last-child { border-radius: 2px 0 0 2px; }
table.designer > tbody > tr > td.cb a:first-child { border-radius: 0px 2px 2px 0px; border: none; }
table.designer > tbody > tr > td.cb a:hover { text-decoration: none; }
table.designer > tbody > tr > td.cb a.qz { background: #008040 !important; color: #fff !important; border: none !important; border-radius: 2px 0 0 2px; }
table.designer > tbody > tr > td.cb a.jd { background: #ff6600 !important; color: #fff !important; border: none !important; border-radius: 0px 2px 2px 0px; }
.job-px-l .yx .nav__submenu .nav__submenu-item .hover { border: none !important; }








.table-txt td { padding: 15px 0; }
.table-name { position: relative; top: 5px; }
.table-name i { margin: 0 2px; }
.table-btn a { width: 90px; height: 42px; display: inline-block; text-align: center; line-height: 42px; margin-left: -3px; position: relative; right: -150px; }



.nr-info { font-size: 16px; font-weight: normal; color: #333; line-height: 27px; margin-top: 15px; word-break: break-all; word-wrap: break-word; }
.pl-txt .box-hf a { border-radius: 2px; float: right; color: #fff; font-size: 12px; padding: 4px 10px; background: #008040 !important; display: inline-block; visibility: hidden; }
.pl-txt:hover .box-hf a { visibility: visible; text-decoration: none; }
.pl-txt .box-hf .hf-box { display: block; clear: both; }
.hf-list { margin-top: 25px; }
.hf-list-pic { width: 50px; float: left; }
.hf-list-pic img { width: 50px; }
.hf-list-txt { margin-left: 70px; }
.hf-list-txt p { text-align: left; }
.hf-list-txt p span { float: right; }
.hf-list { border-top: solid 1px #eee; padding-top: 20px; }
.hf-info .btn { width: 150px; height: 44px; text-align: center; background: none; border: solid 1px #008040; color: #008040; margin-top: 20px; }


.person-level { width: 100%; height: 37px; font-size: 14px; background: #e7e7e7; }
.person-level td { width: 20%; text-align: center; color: #999; background: url(/img/person-level.gif) no-repeat right center; line-height: 37px; }
.person-level td:last-child { background: none; }
.person-level td.m { background: url(/img/person-level-m.gif) no-repeat right center #00803F; color: #39b174; }
.person-level td.end { color: #fff; background: url(/img/person-level-m-end.gif) no-repeat right center #00803F; }
.person-level td.end:last-child { background: #00803F; }

.person-level td img { position: relative; left: 2px; top: -2px; vertical-align: middle; width: 19px; height: 19px; }


.interview-list { font-size: 14px; padding: 0 30px; border: 1px solid #d9d9d9; clear: both; background: #fff; }
.interview-list .row { border-top: 1px solid #d9d9d9; padding: 25px 0; clear: both; }
.interview-list .row:first-child { border-top: 0; }
.interview-list .row .face { float: left; margin: 0 0 0 5px; }
.interview-list .row .face img { width: 100px; height: 120px; }
.interview-list .row .rbox { margin-left: 130px; overflow: hidden; }
.interview-list .row .rbox .pname { font-weight: normal; }
.interview-list .row .rbox .pname .t { font-size: 16px; display: inline-block; min-width: 80px; overflow: hidden; }
.interview-list .row .rbox .work { width: 384px; height: 78px; float: right; }
.interview-list .row .rbox .work img { float: left; margin-left: 10px; width: 118px; height: 78px; }
.interview-list .row .rbox .des { float: left; line-height: 1.8em; color: #888; margin: -70px 400px 0 0; overflow: hidden; }

.adscroll { width: 220px !important; }




/**********猎大师标签********/

.lds_banner { width: 100%; height: 220px; background: #edbe18; margin-top: 50px; min-width: 1200px; }
.b_main { width: 1200px; margin: 0 auto; height: 220px; background: url("../img/lds_banner.jpg") 0 0 no-repeat; }
.b_main p { width: 835px; color: #6c2a04; font-size: 14px; line-height: 24px; padding: 70px 0 0 230px; }
.b_main p a { color: #FFFCD6; font-weight: bold; font-size: 15px; text-decoration: underline; }
.b_main p a:hover { color: #fff; text-decoration: underline; font-weight: bold; }
.lds_box { width: 100%; min-width: 1200px; background: url("../img/lds_bg.jpg") 0 0 repeat; padding: 0 0 50px 0; }
.lds_box .lds_main { width: 1200px; margin: 0 auto; }
.lds_box .lds_main .city_tip { width: 144px; float: left; margin-top: 70px; }
.lds_box .lds_main .city_tip .city_tipm { width: 100%; background: url("../img/cityt_bg.jpg") 0 0 repeat-y; margin-top: -4px; padding: 10px 10px 20px 10px; box-sizing: border-box; }
.lds_box .lds_main .city_tip .city_tipm a { display: inline-block; padding: 3px 5px; color: #54311d; text-decoration: none; font-size: 14px; margin-left: 14px; margin-top: 10px; }
.lds_box .lds_main .city_tip .city_tipm a:hover { background: #ee5600; color: #fff; }
.lds_box .lds_main .city_tip .city_tipm a.act { background: #ee5600; color: #fff; }
.lds_box .lds_main .city_tip .citi_tipb { margin-top: -5px; }
.lds_box .lds_main .lds_list { width: 1015px; float: right; }
.lds_box .lds_main .lds_list .lda_al { margin-bottom: 30px; clear: both; padding-top: 70px; }
.lds_box .lds_main .lds_list .lda_al li i { font-style: normal; color: #999; }
.lds_box .lds_main .lds_list .lda_al li { width: 320px; position: relative; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; border: solid 1px #d9d9d9; border-radius: 2px; float: left; margin-bottom: 70px; margin-left: 18px; background: #FFFFFF; padding: 0 10px; height: 630px; box-sizing: border-box; }
.lds_box .lds_main .lds_list .lda_al li:hover { -webkit-box-shadow: 0 0 10px #aaaaaa; -moz-box-shadow: 0 0 10px #aaaaaa; box-shadow: 0 0 10px #aaaaaa; }
.lds_box .lds_main .lds_list .lda_al li .top_name { text-align: center; font-size: 14px; color: #666; margin-top: -30px; margin-bottom: 20px; }
.lds_box .lds_main .lds_list .lda_al li .nr_list { font-size: 14px; color: #d9d9d9; margin-bottom: 20px; }
.lds_box .lds_main .lds_list .lda_al li .nr_list span { font-size: 16px; color: #666; margin: 0 12px; }
.lds_box .lds_main .lds_list .lda_al li .nr_list span b { color: #ff6600; }
.lds_box .lds_main .lds_list .lda_al li .nr_sc { font-size: 16px; color: #666; height: 48px; margin: 0 12px 20px 12px; line-height: 26px; }
.lds_box .lds_main .lds_list .lda_al li .nr_time { height: 20px; font-size: 14px; color: #666; margin: 0 12px 20px 12px; border-bottom: solid 1px #d9d9d9; padding-bottom: 20px; }
.lds_box .lds_main .lds_list .lda_al li .nr_time span { margin-right: 20px; }
.lds_box .lds_main .lds_list .lda_al li .nr_js { height: 330px; font-size: 14px; color: #666; box-sizing: border-box; margin: 0 12px 10px 12px; line-height: 24px; border-bottom: solid 1px #d9d9d9; padding-bottom: 20px; }
.lds_box .lds_main .lds_list .lda_al li .nr_btn { font-size: 14px; color: #666; overflow: hidden; }
.lds_box .lds_main .lds_list .lda_al li .nr_btn a { background: #fff; margin-right: 10px; float: right; display: inline-block; padding: 8px 20px; text-align: center; border: solid 1px #ff6600; border-radius: 2px; color: #ff6600; text-decoration: none; }
.lds_box .lds_main .lds_list .lda_al li .nr_btn a:hover { background: #ff6600; color: #FFFFFF; border-color: transparent; }
.lds_box .lds_main .lds_list .lds_more { width: 400px; height: 55px; display: block; margin: 0 auto 10px auto; text-align: center; line-height: 55px; font-size: 18px; color: #666; border: solid 1px #d9d9d9; border-radius: 2px; text-decoration: none; }
.lds_box .lds_main .lds_list .lds_more span { color: #ff6600; }
.lds_box .lds_main .lds_list .g_page { clear: both; }
.lds_box .lds_main .lds_list .g_page li a.act { background: #ff6600 !important; }
.lds_box .lds_main .lds_list .g_page li a:hover { background: #ff6600 !important; }
.lds_box .lds_main .lds_list .g_page li.next a:hover, .lds_box .lds_main .lds_list .g_page li.prev a:hover { color: #ff6600 !important; background: none !important; }


/**********十佳设计师评选活动标签********/
.t_width { width: 1128px; margin: 0 auto; }
.t_top { width: 100%; height: 50px; background: rgba(0, 0, 0, 0.8); position: absolute; z-index: 5; left: 0; top: 0; min-width: 1200px; }
.t_top .t_width .t_topmain p { text-align: left; line-height: 50px; color: #dedede; font-size: 13px; }
.t_top .t_width .t_topmain p span { float: right; }
.t_top .t_width .t_topmain p span a { color: #dedede; margin: 0 10px; }
.t_top .t_width .t_topmain p span a:last-child { margin-right: 0; }
.t_banner { background: url("../images/t_banner.jpg") center center no-repeat; background-size: cover; min-height: 700px; width: 100%; clear: both; min-width: 1200px; }
.t_banner .t_binfo { min-height: 700px; position: relative; }
.t_banner .t_binfo .btn { width: 240px; overflow: hidden; border-radius: 0; height: 57px; display: block; background: #d10018; position: absolute; right: 24px; bottom: 0; }
.t_banner .t_binfo .btn b { width: 180px; transition: all .3s ease-out; text-align: center; display: inline-block; font-size: 18px; color: #ffe9b4; padding-top: 30px; box-sizing: border-box; position: relative; left: 0; }
.t_banner .t_binfo .btn:before { content: url(../images/t_icon01.png); top: 20px; left: -110px; position: absolute; transition: all .3s ease-out; }
.t_banner .t_binfo .btn:hover:before { left: 110px; top: 20px; }
.t_banner .t_binfo .btn:hover b { left: 190px; }
.t_banner .t_binfo .btn span { width: 60px; transition: all .3s ease-out; height: 57px; background: #242629; display: inline-block; float: right; text-align: center; padding-top: 19px; box-sizing: border-box; position: relative; left: 0; }
.t_banner .t_binfo .btn:hover span { left: 190px; }
.t_time { width: 100%; height: 130px; background: #e4001a; min-width: 1128px; }
.t_time .t_width ul { overflow: hidden; }
.t_time .t_width ul li { width: 170px; float: left; text-align: center; font-size: 14px; color: #FFFFFF; margin-left: 90px; }
.t_time .t_width ul li h1 { font-size: 14px; color: #fff; line-height: 20px; margin-top: 35px; }
.t_time .t_width ul li span { width: 18px; height: 3px; background: #fff; margin: 15px auto 15px auto; display: block; }
.t_nav { width: 100%; height: 70px; background: #242629; min-width: 1128px; line-height: 70px; }
.t_nav .t_width ul { overflow: hidden; }
.t_nav .t_width ul li { float: left; margin-right: 150px; }
.t_nav .t_width ul li:last-child { margin-right: 0; }
.t_nav .t_width ul li a { font-size: 16px; color: #cbc7c7; text-decoration: none; }
.t_nav .t_width ul li a:hover { color: #e4001a; }
.t_nav .t_width ul li a.act { color: #e4001a; }
.t_title { font-size: 25px; color: #fff; margin-bottom: 45px; line-height: 24px; }
.t_main .t_width .t_htxt { margin-top: 80px; }
.t_main .t_width .t_htxt .t_hinfo { font-size: 14px; color: #a1a1a1; line-height: 28px; text-align: Justify; text-justify: inter-ideograph; }
.t_main .t_width .t_htxt .t_hinfo p { margin: 20px 0; font-size: 16px; line-height: 30px; }
.t_main .t_width .t_htxt .t_hinfo a { color: #e4001a; }
.t_main .t_width .t_designer { margin-top: 90px; }
.t_main .t_width .t_designer .t_title { text-align: left; }
.t_main .t_width .t_designer .t_title span { float: right; }
.t_main .t_width .t_designer .t_title span a { text-decoration: none; font-size: 16px; border: solid 3px #242629; color: #ffffff; width: 124px; height: 34px; display: inline-block; background: #242629; text-align: center; line-height: 34px; margin-left: 5px; }
.t_main .t_width .t_designer .t_title span a:hover { border-color: #e4001a; background-color: transparent; }
.t_main .t_width .t_designer .t_title span a.act { border-color: #e4001a; background-color: transparent; }
.t_main .t_width .t_designer .t_dinfo ul { overflow: hidden; }
.t_main .t_width .t_designer .t_dinfo ul li { float: left; width: 165px; text-align: center; margin-left: 27px; margin-bottom: 50px; }
.t_main .t_width .t_designer .t_dinfo ul li .t_img { width: 156px; height: 180px; display: block; position: relative; transition: all ease .5s; }
.t_main .t_width .t_designer .t_dinfo ul li .t_img .t_smk { position: absolute; background: rgba(0, 0, 0, 0); width: 156px; border: solid 5px transparent; height: 180px; transition: all .3s ease; }
.t_main .t_width .t_designer .t_dinfo ul li .t_img .t_smk img { opacity: 0; }
.t_main .t_width .t_designer .t_dinfo ul li:hover .t_img .t_smk { background: rgba(0, 0, 0, 0.5); border: solid 5px #e4001a; }
.t_main .t_width .t_designer .t_dinfo ul li .t_img .t_smk img { opacity: 0; transition: all .3s ease; }
.t_main .t_width .t_designer .t_dinfo ul li:hover .t_img .t_smk img { opacity: 1; margin-top: 70px; }
.t_main .t_width .t_designer .t_dinfo ul li h1 { text-align: center; line-height: 35px; margin-top: 20px; }
.t_main .t_width .t_designer .t_dinfo ul li h1 a { font-size: 16px; color: #ffffff; font-weight: normal; }
.t_main .t_width .t_designer .t_dinfo ul li p { text-align: center; font-size: 13px; color: #ffffff; opacity: 0.5; }
.t_main .t_width .t_designer .t_dinfo ul li b { font-size: 20px; color: #e4001a; font-weight: normal; display: block; margin: 20px 0; }
.t_main .t_width .t_designer .t_dinfo ul li .t_tbtn { width: 130px; height: 33px; margin: 0 auto; border: solid 3px #28282a; display: block; text-align: center; line-height: 33px; font-size: 15px; color: #a1a1a1; text-decoration: none; transition: all .3s ease; }
.t_main .t_width .t_designer .t_dinfo ul li:hover .t_tbtn { background: #e4001a; border-color: #e4001a; color: #fff; }
.t_cony { background: #242629; width: 100%; overflow: hidden; min-width: 1200px; }
.t_cony .t_width .t_title { margin-top: 80px; text-align: left; }
.t_cony .t_width .t_title span { float: right; }
.t_cony .t_width .t_title span a { text-decoration: none; font-size: 16px; border: solid 3px #242629; color: #ffffff; width: 124px; height: 34px; display: inline-block; background: #242629; text-align: center; line-height: 34px; margin-left: 5px; }
.t_cony .t_width .t_title span a:hover { border-color: #e4001a; background-color: transparent; }
.t_cony .t_width .t_title span a.act { border-color: #e4001a; background-color: transparent; }
.t_cony .t_width .t_cinfo ul li { float: left; width: 200px; text-align: left; margin-left: 27px; margin-bottom: 50px; }
.t_cony .t_width .t_cinfo ul li h1 { text-align: left; line-height: 35px; margin-top: 10px; }
.t_cony .t_width .t_cinfo ul li h1 a { font-size: 16px; color: #ffffff; font-weight: normal; }
.t_cony .t_width .t_cinfo ul li p { font-size: 13px; color: #ffffff; opacity: 0.5; }
.t_cony .t_width .t_cinfo ul li b { font-size: 20px; color: #e4001a; font-weight: normal; display: block; margin: 20px 0; }
.t_cony .t_width .t_cinfo ul li .t_tbtn { width: 130px; height: 33px; border: solid 3px #38393b; display: block; text-align: center; line-height: 33px; font-size: 15px; color: #a1a1a1; text-decoration: none; transition: all .3s ease; }
.t_cony .t_width .t_cinfo ul li:hover .t_tbtn { background: #e4001a; border-color: #e4001a; color: #fff; }
.t_cony .t_width .t_cinfo ul li .t_img { width: 190px; height: 120px; display: block; position: relative; transition: all ease .5s; text-align: center; }
.t_cony .t_width .t_cinfo ul li .t_img .t_smk { position: absolute; background: rgba(0, 0, 0, 0); width: 190px; border: solid 5px transparent; height: 110px; transition: all .3s ease; }
.t_cony .t_width .t_cinfo ul li:hover .t_img .t_smk { background: rgba(0, 0, 0, 0.5); border: solid 5px #e4001a; }
.t_cony .t_width .t_cinfo ul li .t_img .t_smk img { opacity: 0; transition: all .3s ease; }
.t_cony .t_width .t_cinfo ul li:hover .t_img .t_smk img { opacity: 1; margin-top: 35px; }
.t_pl { width: 100%; background: #ffffff; overflow: hidden; padding-bottom: 60px; min-width: 1200px; }
.t_pl .t_width .t_title { color: #6b6b6b; margin-top: 60px; }
.t_pl .t_width .pl_box ul li { border-radius: 2px; border: solid 1px #e3e3e3; padding: 15px; margin-bottom: 20px; font-size: 14px; }
.t_pl .t_width .pl_box ul li .name { text-align: left; color: #999999; margin-bottom: 20px; }
.t_pl .t_width .pl_box ul li .name span { float: right; }
.t_pl .t_width .pl_box ul li .name b { font-weight: normal; color: #444; margin-right: 30px; }
.t_pl .t_width .pl_box ul li .name a:last-child { margin: 0; font-size: 14px; color: #999; }
.sj_name { background: #393939; overflow: hidden; padding-bottom: 50px; min-width: 1200px; }
.sj_name .t_width { padding: 50px 0; }
.sj_name .t_width { width: 720px; margin: 0 auto; }
.sj_name .t_widtht_width .sj_main { clear: both; overflow: hidden; }
.sj_name .t_width .sj_main div { float: left; }
.sj_name .t_width .sj_main .sj_arrow { width: 120px; text-align: left; }
.sj_name .t_width .sj_main .sj_arrow a, .sj_name .t_width .sj_main .sj_prev a { position: relative; top: 70px; opacity: .3; transition: all .2s ease; }
.sj_name .t_width .sj_main .sj_arrow a:hover, .sj_name .t_width .sj_main .sj_prev a:hover { opacity: 1; }
.sj_name .t_width .sj_main .sj_prev { width: 120px; text-align: right; }
.sj_name .t_width .sj_main .sj_info { width: 470px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; text-align: center; border-left: solid 1px #444; border-right: solid 1px #444; }
.sj_name .t_width .sj_main .sj_info h1 { color: #fff; font-size: 20px; font-weight: normal; }
.sj_name .t_width .sj_main .sj_info a { color: #999; text-decoration: none; display: inline-block; margin: 5px 25px; font-size: 14px; }
.sj_name .t_width .sj_main .sj_info a:hover { text-decoration: underline; }
.sj_name .t_width .sj_main .sj_info table { margin-left: 20px; margin-top: 20px; }
.sj_name .t_width .sj_main .sj_info table td { text-align: left; }
.t_main .t_width .t_htxt .t_hinfo .tj_box { overflow: hidden; margin-bottom: 30px; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .tj_name { width: 165px; float: left; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .qy_name { width: 220px; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .tj_name h1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; text-align: left; font-weight: normal; color: #444444; line-height: 20px; margin: 20px 0 10px 0; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .tj_name h1 span { float: right; color: #999; font-size: 14px; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .tj_name p { font-size: 14px; color: #999; margin: 0; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .tj_name h2 a { width: 100%; height: 35px; display: block; border: solid 1px #e4001a; color: #e4001a; text-decoration: none; text-align: center; line-height: 35px; border-radius: 2px; font-size: 14px; margin-top: 20px; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .tj_name h2 a:hover { background: #e4001a; color: #FFFFFF; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .tj_nr { width: 935px; float: right; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .qy_nr { width: 905px; }
.t_main .t_width .t_htxt .t_hinfo .tj_cbox .tj_nr { width: 900px; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .tj_nr textarea { width: 100%; background: none; margin-left: -5px; height: 190px; border: solid 1px #e4001a; border-radius: 2px; padding: 15px; color: #999; box-sizing: border-box; }
.t_main .t_width .t_htxt .t_hinfo .tj_cbox .tj_nr textarea { height: 126px; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .tj_nr p { font-size: 14px; color: #999; margin: 26px 0; }
.t_main .t_width .t_htxt .t_hinfo .tj_cbox .tj_nr p { margin: 25px 0; }
.t_main .t_width .t_htxt .t_hinfo .tj_box .tj_nr a { width: 265px; height: 55px; display: block; background: #e4001a; color: #fff; text-align: center; line-height: 55px; text-decoration: none; font-size: 18px; border-radius: 2px; }
.t_main .t_width .t_htxt .tj_ly h1 { font-size: 16px; color: #999; text-align: left; font-weight: normal; }
.t_main .t_width .t_htxt .tj_ly h1 span { float: right; font-size: 14px; }
.t_main .t_width .t_htxt .tj_ly h1 span b { color: #f23434; font-size: 18px; margin: 0 5px; }
.t_main .t_width .t_htxt .tj_ly ul { overflow: hidden; width: 100%; padding-top: 20px; }
.t_main .t_width .t_htxt .tj_ly ul li { border-bottom: solid 1px #222; margin-top: 30px; padding-bottom: 30px; }
.t_main .t_width .t_htxt .tj_ly ul li:first-child { margin-top: 0; }
.t_main .t_width .t_htxt .tj_ly ul li img { float: left; margin-top: 10px; border-radius: 50px; }
.t_main .t_width .t_htxt .tj_ly ul li p { margin: 0 0 10px 70px; text-align: left; font-size: 14px; }
.t_main .t_width .t_htxt .tj_ly ul li p:last-child { font-size: 15px; }
.t_main .t_width .t_htxt .tj_ly ul li p span { float: right; color: #444; }
.t_main .t_width .t_htxt .tj_ly ul li p a { color: #999; }
.t_main .t_width .t_htxt .tj_ly ul li p i { font-style: normal; margin-left: 20px; color: #444; }
.t_main .t_width .t_hinfo .pw_box ul { overflow: hidden; margin-bottom: 20px; }
.t_main .t_width .t_hinfo .pw_box ul li { float: left; margin-left: 20px; width: 265px; overflow: hidden; margin-bottom: 25px; }
.t_main .t_width .t_hinfo .pw_box ul li h1 { width: 100%; color: #999; font-size: 18px; text-align: left; font-weight: normal; }
.t_main .t_width .t_hinfo .pw_box ul li p { text-align: left; font-size: 14px; color: #444; margin: 0; }
.t_page .t_width .g_page { padding-bottom: 50px; }
.t_page .t_width .g_page li a.act { background: #e4001a !important; }
.t_page .t_width .g_page li a:hover { background: #e4001a; }
.t_page .t_width .g_page li.next a:hover, .t_page .t_width .g_page li.prev a:hover { color: #e4001a !important; background: none !important; }

/*首页点评榜及推荐招聘*/
.h_flwtop { line-height: normal; width: 1200px; padding: 55px 0; margin: 0 auto; overflow: hidden; color: #959595; font-size: 14px; }
.h_flwtop a { color: #959595; }
.h_flwtop .tab { clear: both; color: #646464; cursor: pointer; overflow: hidden; }
.h_flwtop .tab > li { float: left; font-size: 18px; padding: 13px 0; }
.h_flwtop .tab > li.act { color: #959595; }
.h_flwtop .panel { display: none; }
.h_flwtop .panel.act { display: block; }

.h_flwtop .flw { float: left; width: 730px; }
.h_flwtop .flw .tab.l1 > li { margin-right: 30px; }
.h_flwtop .flw .tab.l2 { margin: 8px 0 12px 0; }
.h_flwtop .flw .tab.l2 > li { font-size: 16px; padding: 10px 35px; border-bottom: 2px solid hidden; }
.h_flwtop .flw .tab.l2 > li.act { color: #008040; border-bottom: 2px solid #008040; }

.h_flwtop .job { float: right; width: 430px; background: none !important; color: inherit !important; border: inherit !important; }
.h_flwtop .job .tab > li.more { float: right; font-size: 14px; }

.h_flwtop table.list { width: 100%; border-collapse: collapse; border-spacing: 0; display: none; }
.h_flwtop table.act { display: table; }
.h_flwtop table.list > tbody > tr > td { padding: 7px 0; }
.h_flwtop table.list > tbody > tr > td.r { text-align: right; font-family: Arial; font-size: 12px; }
.h_flwtop table.list > tbody > tr > td p.elp { width: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.h_flwtop .flw table.list .c1 { width: 30px; }
.h_flwtop .flw table.list .c1 em { width: 1em; height: 1em; padding: 1px; line-height: 1em; box-sizing: padding-box; font-size: 12px; display: inline-block; text-align: center; color: #fff; background: #008040; border-radius: 100px; }
.h_flwtop .flw table.list .c1 em.y { background: #FF7700; }
.h_flwtop .flw table.list .c2 { width: 108px; }
.h_flwtop .flw table.list .c3 { width: 118px; }
.h_flwtop .flw table.list .c4 { width: 120px; }
.h_flwtop .flw table.list .c5 { width: 135px; }
.h_flwtop .flw table.list .c6 { }

.h_flwtop .job .tt { color: #fff; padding: 1px; margin-right: 2px; background: #ff7700; border-radius: 2px; font-size: 11px; }
.h_flwtop .job .tp { color: #fff; padding: 1px; margin-right: 2px; background: #008040; border-radius: 2px; font-size: 11px; }

/*end*/