@charset "utf-8";
/*************************************
*样式文件
*@mogumomo
*420128796
*2014-9-28
*jizhunfangzhong project
*************************************/
/* CSS Document */

/*Index*/
.indexbanner { position: relative; width: 100%; overflow: hidden; }
.indexbanner .indexbannerbox { position: absolute; width: 100%; }
.indexbanner .indexbannerbox li { position: absolute; display: none; }
.indexbanner .indexbannerbox li:first-child { display: block; }
.indexbanner .indexbannerbox li img { width: 100%; height: auto; }
.indexbanner .indexbannerbox li center { position: absolute; bottom: 50px; width: 100%; font-size: 28px; color: #fff; }
.indexbanner .bannerbtn span { display: block; }
.indexbanner .bannerbtn .bannerprev { position: absolute; top: 50%; left: 36px; margin-top: -42px; width: 83px; height: 83px; background: url(../images/prevarrow.png) no-repeat; cursor: pointer; }
.indexbanner .bannerbtn .bannernext { position: absolute; top: 50%; right: 36px; margin-top: -42px; width: 83px; height: 83px; background: url(../images/nextarrow.png) no-repeat; cursor: pointer; }
.indexbanner .bannerdot { position: absolute; left: 0; bottom: 23px; width: 100%; text-align: center; }
.indexbanner .bannerdot span { display: inline-block; width: 7px; height: 7px; margin: 0 6px; background: url(../images/dot.png) no-repeat; cursor: pointer; }
.indexbanner .bannerdot span.banneractive { background: url(../images/dot_active.png) no-repeat; }

.indexnews { margin: 10px 0; }
.indexnews li { width: 19.4%; margin: 0 0.3%; *margin: 0 0.28%; float: left; }
.indexnews li a { position: relative; display: block; width: 100%; }
.indexnews li a img { width: 100%; height: auto; }
.indexnews li a div { position: absolute; left: 0; bottom: 0; width: 97%; height: 33px; padding-left: 3%; line-height: 33px; background: rgba(255,255,255,.8); background: #fff\9; filter: alpha(opacity=80); }
.indexnews li a div span { position: relative\9; display: block; width: 90%; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; }
/*End Index*/

/*************************************关于我们 begin*************************************/
/********公司简介********/
.company { position: relative; width: 100%; overflow: hidden; }
.company .companybox { position: absolute; left: 50%; }
.company ul { width: 10000px; }
.company li { float: left; }
.company li img { display: block; width: 100%; height: auto; }
.prev { position: absolute; top: 50%; left: 36px; margin-top: -42px; width: 83px; height: 83px; background: url(../images/prevarrow.png) no-repeat; cursor: pointer; }
.next { position: absolute; top: 50%; right: 36px; margin-top: -42px; width: 83px; height: 83px; background: url(../images/nextarrow.png) no-repeat; cursor: pointer; }
.dot { position: absolute; bottom: 30px; width: 100%; text-align: center; }
.dot a { display: inline-block; margin: 0 5px; color: #ccc; cursor: pointer; }
.dot a.active { color: #fff; }
/*公司简介详情*/
.companyintr { position: relative; width: 100%; }
.companyintr-bg { width: 100%; }
.companyintr-bg img { width: 100%; height: 100%; display: block; }
.companyintr .dotin { position: absolute; bottom: 30px; width: 100%; text-align: center; }
.dotin a { display: inline-block; margin: 0 5px; color: #ccc; cursor: pointer; }
.dotin a.active { color: #fff; }
.companyintrbg { position: absolute; top: 0; width: 100%; background: rgba(0,0,0,.6); background-color: #000\9; filter: alpha(opacity=60)\9; }
.companyintrbox { position: absolute; left: 50%; top: 50%; width: 1078px; height: 352px; margin-left: -600px; margin-top: -252px; padding: 72px 61px; background: rgba(255,255,255,.9); background-color: #fff\9; filter: alpha(opacity=90)\9; }
.companyintrmain { position: relative; width: 1078px; height: 352px; }
.companyclose { position: absolute; top: -50px; right: -37px; width: 17px; height: 16px; background: url(../images/company_close.png) no-repeat; }
.companyintrmain .companyintr-imgbox { position: relative\9; width: 421px; height: 352px; overflow: hidden; }
.companyintrmain .companyintr-imgbox img { width: 421px; height: 352px; }
.companyintrmain .companyintr-textbox { position: relative\9; width: 626px; height: 352px; }
.companyintr-textbox .companyintr-textboxtitle { margin-bottom: 25px; }
.companyintr-textboxtitle h1 { font-size: 20px; float: left; }
.companyintr-textboxtitle a { display: block; width: 84px; height: 29px; margin-left: 10px; text-align: center; line-height: 29px; background-color: #dadada; font-size: 14px; color: #2a2a2a; float: right; }
.companyintr-textboxtitle a:hover { background-color: #5c5c5c; color: #fff; }
/* Tiny Scrollbar */
.companyintrmain .companyintr-textboxmain .scrollbar { width: 5px; background-color: #eaeaea; float: right; }
.companyintrmain .companyintr-textboxmain .track { position: relative; width: 3px; height: 100%; padding: 0 1px; }
.companyintrmain .companyintr-textboxmain .thumb { position: absolute; top: 0; right: 0; width: 5px; background-color: #d7d7d7; cursor: pointer; overflow: hidden; }
.companyintrmain .companyintr-textboxmain .thumb .end { overflow: hidden; height: 5px; width: 5px; }
.companyintrmain .companyintr-textboxmain .viewport { position: relative; width: 600px; height: 280px; overflow: hidden; }
.companyintrmain .companyintr-textboxmain .overview { position: absolute; left: 0; top: 0; list-style: none; padding: 0; margin: 0; color: #313131; }
.companyintrmain .companyintr-textboxmain .overview h3 { font-weight: normal; font-size: 20px; margin-bottom: 12px; }
.companyintrmain .companyintr-textboxmain .overview span { display: block; font-size: 15px; margin-bottom: 20px; }
.companyintrmain .companyintr-textboxmain .overview p { margin-bottom: 16px; line-height: 1.8em; font-size: 13px; color: #4a4949; }
.companyintrmain .companyintr-textboxmain .disable { display: none; }

/********企业文化********/
.culture { width: 100%; background: url(../images/culture_bg.jpg) no-repeat center bottom; background-size: cover; }
.culturebox { position: relative; text-align: center; }
.culturebox ul { position: relative; top: 50%; margin-top: -65px; display: inline-block; *display: inline; }
.culturebox li { width: 200px; margin: 0 5px; float: left; }
.culturebox li div { width: 130px; height: 130px; margin-left: 26px; *margin-left: 0; margin-bottom: 14px; text-align: center; background: url(../images/culture_icon.png) no-repeat; color: #fff; font-size: 20px; cursor: default; }
.culturebox li span { display: none; color: #fff; font-size: 14px; text-align: center; line-height: 1.8em; }
.culturebox a { position: absolute; top: 50%; left: 50%; margin-left: -49px; margin-top: 200px; color: #fff; font-size: 18px; }

/********领导团队********/
/*列表*/
/*.leaderteamlist, .leaderteamlistbox { width: 100%; }*/
.leaderteamlistcon { position: relative; top: 20%; width: 82.7%; height: 68%; margin: 0 auto; overflow: hidden; }
.leaderteamlistcon ul { position: absolute; left: 0; }
.leaderteamlistcon li { float: left; margin: 0 22px; }
.leaderteamlistmsg { margin-bottom: 21px; }
.leaderteamlistmsg .leaderteamlistmsg-imgbox { display: block; margin-bottom: 4px; }
.leaderteamlistmsg .leaderteamlistmsg-imgbox img { width: 100%; height: auto; }
.leaderteamlistmsg .leaderteamlistmsg-textbox { display: block; width: 100%; height: 20px; text-align: center; font-size: 14px; }
.leaderteamlistmsg .leaderteamlistmsg-textbox:hover { color: #cf0008; }
.leaderteamlistbtn span { position: absolute; top: 50%; display: block; width: 18px; height: 30px; margin-top: -15px; cursor: pointer; }
.leaderteamlist-prev { left: 3%; background: url(../images/prev.png) no-repeat; }
.leaderteamlist-next { right: 3%; background: url(../images/next.png) no-repeat; }
/*详情*/
* html .popup_iframe { width: expression(this.previousSibling.style.width); height: expression(this.previousSibling.style.height); }
/*领导*/
.leaderpop { position: relative; width: 994px; height: 441px; padding: 31px 106px 31px 100px; background-color: #fff; }
.leaderpop a.leaderclosebtn { position: absolute; top: 24px; right: 24px; display: block; width: 17px; height: 16px; background: url(../images/company_close.png) no-repeat; }
.leaderpop .leaderpopmain { position: relative; width: 934px; height: 441px; }
.leaderpop-imgbox { width: 283px; height: 3425px; }
.leaderpop-imgbox img { width: 283px; height:425px; }
/* Tiny Scrollbar */
#leaderpopscrollbar { width: 620px; height: 240px; margin-top: 91px; float: right; }
#leaderpopscrollbar .scrollbar { width: 5px; background-color: #eaeaea; float: right; }
#leaderpopscrollbar .track { position: relative; width: 3px; height: 100%; padding: 0 1px; }
#leaderpopscrollbar .thumb { position: absolute; top: 0; right: 0; width: 5px; background-color: #d7d7d7; cursor: pointer; overflow: hidden; }
#leaderpopscrollbar .thumb .end { overflow: hidden; height: 5px; width: 5px; }
#leaderpopscrollbar .viewport { position: relative; width: 580px; height: 240px; overflow: hidden; }
#leaderpopscrollbar .overview { position: absolute; left: 0; top: 0; list-style: none; padding: 0; margin: 0; color: #313131; }
#leaderpopscrollbar .overview h3 { font-weight: normal; font-size: 20px; margin-bottom: 12px; }
#leaderpopscrollbar .overview span { display: block; font-size: 15px; margin-bottom: 20px; }
#leaderpopscrollbar .overview p { font-size: 14px; line-height: 2em; color: #4a4949; }
#leaderpopscrollbar .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/*设计师*/
.designerpop { position: relative; width: 1160px; height: 372px; padding: 65px 20px; background-color: #fff; }
.designerpop a.designerclosebtn { position: absolute; top: 24px; right: 24px; display: block; width: 17px; height: 16px; background: url(../images/company_close.png) no-repeat; }
.designerpop .designerpopmain { position: relative; width: 100%; height: 100%; }
.designerpop-imgbox { width: 250px; height: 375px; margin-right: 20px; }
.designerpop-imgbox img { width: 250px; height:375px; }
/* Tiny Scrollbar */
#designerpopscrollbar { width: 254px; height: 262px; margin-top: 60px; float: left; }
#designerpopscrollbar .scrollbar { width: 5px; background-color: #fff; float: right; }
#designerpopscrollbar .track { position: relative; width: 3px; height: 100%; padding: 0 1px; }
#designerpopscrollbar .thumb { position: absolute; top: 0; right: 0; width: 5px; background-color: #d7d7d7; cursor: pointer; overflow: hidden; }
#designerpopscrollbar .thumb .end { overflow: hidden; height: 5px; width: 5px; }
#designerpopscrollbar .viewport { position: relative; width: 240px; height: 262px; overflow: hidden; }
#designerpopscrollbar .overview { position: absolute; left: 0; top: 0; list-style: none; padding: 0; margin: 0; color: #313131; }
#designerpopscrollbar .overview h3 { font-weight: normal; font-size: 18px; margin-bottom: 12px; }
#designerpopscrollbar .overview span { display: block; font-size: 12px; color: #727171;margin-bottom: 20px; }
#designerpopscrollbar .overview h4 { font-weight: normal; font-size: 13px; line-height: 2em; margin-top: 22px; }
#designerpopscrollbar .overview p { font-size: 12px; line-height: 2em; color: #727171; }
#designerpopscrollbar .disable { display: none; }
/*设计师案例*/
.designerpop-case { width: 629px; height: 262px; padding-top: 60px; }
.designerpop-case ul { margin-left: -7px; margin-top: -10px; }
.designerpop-case li { position: relative; width: 205px; float: left; margin-left: 7px; margin-top: 10px; }
.designerpopcase-imgbox { display: block; width: 205px; height: 126px; }
.designerpopcase-imgbox img { width: 205px; height: 126px; }
.designerpopcase-textbox { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 18px; line-height: 18px; background: rgba(0,0,0,.6); background-color: #000\9; filter: alpha(opacity=60)\9; }
.designerpopcase-textbox span { position: relative\9; display: block; margin-left: 10px; color: #fff; }

/********合作伙伴********/
.partner { width: 100%; }
.partnerbox { position: relative; }
.partnercon { position: relative; top: 23%; width: 82.7%; height: 68%; margin: 0 auto; overflow: hidden; }
.partnercon ul { position: absolute; left: 0; }
.partnercon li { float: left; margin-left: 14px; }
.partnercon li:first-child { margin-left: 0; }
.partnerlogo { overflow: hidden; margin-top: 60px; }
.partnerlogo:first-child { margin-top: 0px; }
.partnerlogobox { display: table-cell; width: 100%; text-align: center; vertical-align: middle; }
.partnerlogo a { display: inline-block; }
.partnerlogo a img { display: none; width: 100%; height: auto; }
.partnerlogo a img:first-child { display: block; }
.partner span { position: absolute; top: 50%; display: block; width: 18px; height: 30px; margin-top: -15px; cursor: pointer; }
.partner-prev { left: 3%; background: url(../images/prev.png) no-repeat; }
.partner-next { right: 3%; background: url(../images/next.png) no-repeat; }

/********荣誉与奖励********/
.honors { position: relative; }
.honorsbg { position: fixed; left: 0; top: 62px; width: 1920px; height: 855px; background: url(../images/honors_bg.png) no-repeat center top; background-size: cover; }
.honorsbox { position: relative; padding-bottom: 107px; }
.honorsmsg { display: block; width: 762px; height: 93px; margin: 0 auto; margin-bottom: 19px; padding-top: 88px; text-align: center; font-size: 16px; color: #ff0000; background: url(../images/honors_msg.png) no-repeat center bottom; font-size: 22px; }
.honorsbox ul { position: relative; width: 960px; }
.honorsbox li { position: relative; left: 0; }
.honorsbox li div { position: absolute; top: 80px; }
.honorsbox li time { font-size: 18px; color: #fff; }
.honorsbox li span { display: block; width: 447px; font-size: 13px; color: #fff; }
.honorsbox li.honorseven { min-height: 113px; margin-left: 486px; padding-left: 40px; background: url(../images/honors_iconb.png) no-repeat left bottom; }
.honorsbox li.honorsodd { min-height: 106px; background: url(../images/honors_icons.png) no-repeat 490px bottom; }
.honorsbox li.honorsodd div { width: 478px; text-align: right; }
.honorsbox li.honorsodd div span { width: 478px; }

/*************************************新闻中心 begin*************************************/
/********新闻列表页********/
.newslist { width: 1000px; margin: 0 auto; }
.newslistbox { width: 705px; margin-top: 50px; padding-bottom: 30px; }
.imgnews { margin-bottom: 50px; }
.imgnews .newslist-item { width: 635px; margin-bottom: 25px; }
.imgnews .newslist-item time { display: block; font-size: 14px; color: #5a5a5a; margin-bottom: 5px; }
.imgnews .newslist-item h2 { font-size: 18px; margin-bottom: 20px; }
.imgnews .newslist-item h2 a { color: #292929; }
.imgnews .newslist-item h2 a:hover { text-decoration: underline; }
.newslist-imgbox { display: block; width: 281px; height: 158px; float: left; }
.newslist-imgbox img { width: 281px; height: 158px; }
.newslist-textbox { position: relative; width: 330px; height: 158px; overflow: hidden; float: right; }
.newslist-textbox p { color: #5a5a5a; line-height: 1.7em; *line-height: 1.7em; }
.newslist-textbox a { position: absolute; left: 0; bottom: 0; display: block; width: 53px; font-size: 14px; color: #5a5a5a; background: url(../images/newsicon2.png) no-repeat 39px 8px; }
.newslist-textbox a.newslist-more:hover { color: #b10000; background: url(../images/newsicon.png) no-repeat 39px 8px; }

.textnews { margin-bottom: 40px; }
.textnews li { margin-bottom: 30px; }
.textnews li h2 { font-size: 16px; margin-bottom: 6px; }
.textnews li h2 a { color: #292929; }
.textnews li h2 a:hover { text-decoration: underline; }
.textnews li p { color: #5a5a5a; line-height: 1.8em; *line-height: 1.7em; font-size: 13px; }

.pageList { width: 90%;text-align: right; cursor: default; }
.pageList ul{ width: 500px;text-align: center;margin: 0 auto;}
.pageList li{float: left;margin: 0 2px;}
.pageList a { margin: 0 2px; font-size: 13px; color: #5a5a5a; }
.pageList a:hover, .pageList a.selected { color: #c10000; }

.media { width: 264px; color: #5a5a5a; margin-top: 76px; }
.media h2 { font-size: 18px; margin-bottom: 16px; }
.media > a { font-size: 13px; display: block; margin-bottom: 12px; line-height: 1.8em; color: #5a5a5a; }
.media > a:hover { text-decoration: underline; color: #e62129; }
.media .medialink { position: fixed; bottom: 59px; }
.media .medialink a { display: block; width: 33px; height: 33px; margin-right: 10px; float: left; }
.media .medialink a.weibo { background: url(../images/media_weibo.png) no-repeat; }
.media .medialink a.in { background: url(../images/media_in.png) no-repeat; }
.media .medialink a.youku { background: url(../images/media_youku.png) no-repeat; }
.media .medialink a.weixin { background: url(../images/media_weixin.png) no-repeat; }

/********新闻详情页********/
.news { width: 100%; padding-top: 50px; }
.news-title { margin-bottom: 26px; text-align: center; }
.news-title h1 { font-size: 22px; color: #515151; margin-bottom: 10px; }
.news-title span { color: #656565; margin: 0 10px; }
.newsbox { width: 822px; margin: 0 auto; margin-bottom: 40px; font-size: 15px;line-height: 2em;}
.newsbox p { color: #6b6b6b; }
.newsbox img{display: inline-block;}
.newsreturn { display: block; width: 51px; height: 24px; text-align: center; line-height: 24px; background-color: #ccc; color: #5b5b5b; margin-left: 475px; margin-bottom: 29px; }
/*************************************新闻中心 end*************************************/

/*************************************产品与服务 begin*************************************/
/********作品集列表页********/
.productlist { width: 100%; }
.productlistbox { position: relative; }
.productlict-search { position: relative; z-index: 9; width: 988px; margin: 0 auto; padding-top: 46px; color: #545454; }
.productlict-search span { display: block; height: 24px; margin-right: 8px; line-height: 24px; float: left; }
.productlict-search .pro-select { position: relative; width: 156px; margin-right: 32px; float: left; }
.pro-selectcon { width: 123px; height: 24px; padding-left: 8px; padding-right: 25px; line-height: 24px; background: url(../images/pro_select.jpg) no-repeat; cursor: pointer; }
.pro-option {height: 250px;overflow-x:hidden;overflow-y:scroll;  position: absolute; left: 0; top: 24px; width: 154px; border-left: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; display: none; background-color: #fff; }
.pro-option span { display: block; width: 146px; height: 22px; line-height: 22px; padding-left: 8px; cursor: default; }
.pro-option span:hover { color: #fff; background-color: #c9c9c9; }
.pro-searchbtn { width: 55px; height: 24px; margin-left: -22px; text-align: center; line-height: 24px; background-color: #ddd; float: left; cursor: pointer; }

.productlistcon { position: relative; top: 13%; width: 82.25%; height: 67%; margin: 0 auto; overflow: hidden; }
.productlistcon ul { position: absolute; left: 0; }
.productlistcon li { float: left; margin-left: 10px; }
.productlistcon li:first-child { margin-left: 0; }
.productlistcon li .productlist-imgbox { position: relative; margin-bottom: 10px; cursor: pointer; }
.productlistcon li .productlist-imgbox img { width: 100%; height: auto; }
.productlistcon li .productlist-textbox { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 26px; background: rgba(0,0,0,.6); background: #000\9; filter: alpha(opacity=60)\9; }
.productlistcon li .productlist-textbox span { position: relative\9; display: block; height: 26px; line-height: 26px; margin-left: 10px; color: #fff; }
.productlistbtn span { position: absolute; top: 50%; display: block; width: 18px; height: 30px; margin-top: -15px; cursor: pointer; }
.productlist-prev { left: 3%; background: url(../images/prev.png) no-repeat; }
.productlist-next { right: 3%; background: url(../images/next.png) no-repeat; }

/********作品集详情********/
* html .popup_iframe { width: expression(this.previousSibling.style.width); height: expression(this.previousSibling.style.height); }
.productpop { position: relative; width: 1050px; height: 338px; padding: 79px 75px; background-color: #fff; }
.productpop a.productclosebtn { position: absolute; top: 24px; right: 24px; display: block; width: 17px; height: 16px; background: url(../images/company_close.png) no-repeat; }
.productpop .productpopmain { position: relative; width: 1050px; height: 338px; }

/* Tiny Scrollbar */
.productpop-textbox { width: 361px; height: 338px; color: #3c3c3c; overflow: hidden; }
.productpop-textbox .scrollbar { width: 5px; background-color: #eaeaea; float: right; }
.productpop-textbox .track { position: relative; width: 3px; height: 100%; padding: 0 1px; }
.productpop-textbox .thumb { position: absolute; top: 0; right: 0; width: 5px; background-color: #d7d7d7; cursor: pointer; overflow: hidden; }
.productpop-textbox .thumb .end { overflow: hidden; height: 5px; width: 5px; }
.productpop-textbox .viewport { position: relative; width: 324px; height: 338px; overflow: hidden; }
.productpop-textbox .overview { position: absolute; left: 0; top: 0; list-style: none; padding: 0; margin: 0; color: #313131; }
.productpop-textbox .overview h1 { font-size: 16px; margin-bottom: 16px; color: #3c3c3c; }
.productpop-textbox .overview .productpop-bstract { margin-bottom: 16px; }
.productpop-textbox .overview .productpop-bstract span { display: block; font-size: 12px; line-height: 1.6em; color: #7f7f7f;}
.productpop-textbox .overview p { line-height: 1.8em; font-size: 13px; color: #303030; }
.productpop-textbox .disable { display: none; }

.productpop-imgbox { position: relative; width: 606px; height: 338px; overflow: hidden; }
.productpop-imgbox .productpop-imgcon { position: absolute; left: 50%; height: 338px; margin-left: -303px; }
.productpop-imgcon ul { width: 10000px; }
.productpop-imgcon li { float: left; }
.productpop-imgcon li img { display: block; width: 606px; height: 338px; }
.productpop-prev { position: absolute; top: 50%; left: 21px; margin-top: -28px; width: 24px; height: 57px; background: url(../images/product_prev.png) no-repeat; cursor: pointer; }
.productpop-next { position: absolute; top: 50%; right: 21px; margin-top: -28px; width: 24px; height: 57px; background: url(../images/product_next.png) no-repeat; cursor: pointer; }

/********专业服务列表页********/
.proflist { width: 100%; }
.proflistbox { width: 81.25%; *width: 83%; margin: 0 auto; margin-top: 3%; }
.proflistbox .proflisttitle { width: 1000px; margin: 0 auto; text-align: center; }
.proflistbox .proflisttitle a { font-size: 16px; color: #939393; margin: 0 25px; }
.proflistbox .proflisttitle a.profin { color: #4a4a4a; font-size: 20px; }
.proflistcon { margin-top: 3%; margin-bottom: 5%; }
.proflistcon li { width: 24%; margin: 0 0.5%; margin-bottom: 1%; float: left; }
.proflistcon li .proflist-imgbox { position: relative; display: block; }
.proflistcon li .proflist-imgbox img { width: 100%; height: auto; }
.proflistcon li .proflist-textbox { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 26px; background: rgba(255,255,255,.6); background: #fff\9; filter: alpha(opacity=60)\9; }
.proflistcon li .proflist-textbox span { position: relative\9; display: block; height: 26px; line-height: 26px; margin-left: 10px; color: #000; }

/********专业服务详情页********/
.profview { position: relative; width: 100%; padding-bottom: 1%; }
.profview h2 { position: absolute; top: 7%; left: 0.5%; font-size: 20px; color: #4e4e4e; }
.profview .return { position: absolute; top: 7%; right: 0.5%; padding-left: 21px; font-size: 14px; color: #4e4e4e; background: url(../images/return.png) no-repeat left center; }
.profviewcon { width: 100%; padding-top: 7%; margin-bottom: 1%; }
.profviewcon li { width: 16.1%; margin-left: 0.5%; margin-top: 0.5%; float: left; }
.profviewcon li .proflist-imgbox { position: relative; display: block; }
.profviewcon li .proflist-imgbox img { width: 100%; height: auto; }
.profviewcon li .proflist-textbox { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 26px; background: rgba(255,255,255,.6); background: #fff\9; filter: alpha(opacity=60)\9; }
.profviewcon li .proflist-textbox span { position: relative\9; display: block; height: 26px; line-height: 26px; margin-left: 10px; color: #000; }
.profpage { width: 100%; margin-top: 0.5%; text-align: center; cursor: default; }
.profpage a { margin: 0 2px; font-size: 13px; color: #5a5a5a; }
.profpage a:hover, .profpage a.profpagein { color: #c10000; }
/*************************************产品与服务 end*************************************/

/*************************************加入我们 begin*************************************/
.join { width: 100%; background: url(../images/join_bg.jpg) no-repeat center center; background-size: cover; }
.joinbox { position: relative; }
.joinbox .join-logo { position: absolute; top: 50%; left: 50%; width: 622px; height: 319px; margin-left: -311px; margin-top: -56px; }
.joinbox .join-link { position: absolute; top: 50%; left: 45%; width: 425px; margin-left: -151px; margin-top: 69px; text-align: center; }
.joinbox .join-link a { margin: 0 17px; font-size: 16px; color: #fff; }
.joinbox .video { position: absolute; top: -55px; display: block; width: 606px; text-align: center; font-size: 16px; color: #fff; background: url(../images/video.png) no-repeat 391px center; }

/****人才战略****/
.talents {position:relative; width: 100%; background: url(../images/talents_bg.jpg) no-repeat center bottom; background-size: cover; }
.talentsbox { position: relative; }
.talentsbox .talentcon { position: absolute; top: 50%; left: 0; width: 1000px; height: 109px; margin-top: -30px; }
.talentcon ul { position: relative; top: 50%; margin-top: -75px; display: inline-block; *display: inline; }
.talentcon li { float: left; margin: 0 96px; }
.talentcon li > span { display: block; width: 140px; height: 140px; text-align: center; line-height: 140px; background: url(../images/talents_icon.png) no-repeat; font-size: 24px; color: #488937; cursor: pointer; }
.talent-tips { position: absolute; top: 60%; width: 595px; height: 121px; padding-bottom: 34px; margin-top: -274px; display: none; }
.talent-tips p { position: absolute; bottom: 34px; width: 549px; padding: 10px 23px; background: url(../images/talent_tips.png) repeat; }
.talent-tips p span { position: relative\9; line-height: 1.8em; font-size: 14px; color: #367836; }
.pxfz { left: 166px; background: url(../images/talents_tips.png) no-repeat 15px 121px; }
.xcfl { left: 211px; background: url(../images/talents_tipsm.png) no-repeat 267px 121px; }
.zply { left: 287px; background: url(../images/talents_tipsr.png) no-repeat 470px 121px; }
.talentcon h1 { position: absolute; top: 50%; left: 50%; margin-left: -52px; font-size: 26px; color: #fff; margin-top: -223px; }
.talents .back { position: absolute; top: 30px; right: 20px;display:block; height:20px; padding-left: 21px; font-size: 14px; color: #fff; background: url(../images/back.png) no-repeat left center; }

/****校园/社会招聘****/
.recruitment { position: relative; width: 100%; background: url(../images/recruitment_bg.jpg) no-repeat center center; background-size: cover; }
.recruitmentbox { position: relative; }
.recruitmentcon { position: absolute; top: 50%; width: 858px; padding: 0 71px; padding-top: 24px; margin-top: -345px; background: rgba(255,255,255,.9); background-color: #fff\9; filter: alpha(opacity=90)\9; }
.close { position: absolute; top: 14px; right: 10px; width: 16px; height: 16px; background: url(../images/recruitment_close.png) no-repeat; }
.recruitmentcon h1 { font-size: 20px; color: #1c1c1c; }
.recruitmentcon table { width: 100%; }
.recruitmentcon table th { padding-bottom: 8px; border-bottom: 1px solid #c3c3c3; }
.recruitmentcon table th span { display: block; height: 32px; text-align: center; line-height: 32px; background-color: #e62129; border-left: 1px solid #ef9696; color: #fff; font-size: 15px; }
.recruitmentcon table th:first-child span { border-left: none; text-align: left; padding-left: 30px; }
.recruitmentcon table td { height: 33px; text-align: center; line-height: 33px; font-size: 13px; color: #454545; border-bottom: 1px solid #c3c3c3; }
.recruitmentcon table td a { color: #454545; }
.recruitmentcon table td:first-child { text-align: left; padding-left: 30px; }

.campuscon { padding: 42px 71px; }
.campuscon h1 { margin-bottom: 24px; }
.campustips { margin-top: 15px; color: #454545; }
.tips-span { font-size: 13px; margin-bottom: 15px; }
.tips-email { height: 30px;vertical-align:top; text-align: center; line-height:22px; background-color: #e62129; color: #fff; font-size: 16px; }
.tips-email span{line-height:30px;}
.social .recruitment-search { width: 240px; overflow: hidden; margin-bottom: 30px; }
.social .recruitment-searchinput { width: 195px; height: 19px; padding-left: 5px; margin-right: 17px; *line-height: 19px; border: 1px solid #b6b7b4; float: left; }
.social .recruitment-searchbtn { width: 19px; height: 19px; margin-top: 1px; background: url(../images/recruitment_searchinput.png) no-repeat; cursor: pointer; float: left; }
.social .recruitment-choose { margin-bottom: 7px; border-left: 1px dashed #c3c3c3; border-right: 1px dashed #c3c3c3; border-bottom: 1px dashed #c3c3c3; }
.social .recruitment-choose > div { position: relative; height: 32px; border-top: 1px dashed #c3c3c3; overflow: hidden; }
.workplace, .jobtype { font-size: 14px; color: #2d2d2d; }
.workplace .workplace-title { display: block; height: 32px; line-height: 32px; padding-left: 43px; background: url(../images/workplace.png) no-repeat 7px center; float: left; }
.chooseall { display: block; line-height: 32px; margin-left: 50px; float: left; }
.choose { color: #fe0000; }
.workplace .workplacebox, .jobtype .jobtypebox { width: 650px; float: left; margin-left: 20px; }
.workplace .workplacebox span { margin-right: 40px; line-height: 32px; cursor: pointer; word-break: keep-all; white-space: nowrap; }
.jobtype .jobtype-title { display: block; height: 32px; line-height: 32px; padding-left: 43px; background: url(../images/jobtype.png) no-repeat 7px center; float: left; }
.jobtype .jobtypebox span { margin-right: 40px; line-height: 32px; cursor: pointer; word-break: keep-all; white-space: nowrap; }
.recruitment-more { position: absolute; top: 5px; right: 19px; display: block; padding-left: 16px; background: url(../images/more.png) no-repeat left 8px; color: #fe0000; }
.recruitment-more:hover { color: #ff4343; }
/*页码*/
.page { text-align: right; padding: 37px 0; }
.page a { display: inline-block; width: 15px; height: 15px; text-align: center; line-height: 15px; margin: 0 2px; border: 1px solid #d4cecd; }
.page a.selected, .page a:hover { background-color: #d2d2d2; }
/*弹出层*/
* html .popup_iframe { width: expression(this.previousSibling.style.width); height: expression(this.previousSibling.style.height); }
.socialpop { position: relative; width: 650px; }
.socialpop .socialpopmain { position: relative; background: #fff; }
.socialpop .poptitle { height: 30px; line-height: 30px; padding: 0 29px; background-color: #e62129; overflow: hidden; }
.socialpop .poptitle h2 { font: 14px/30px "Microsoft YaHei"; color: #fff; float: left; }
.socialpop .poptitle a.socialclosebtn { display: block; width: 9px; height: 9px; margin-top: 10px; background: url(../images/socialclosebtn.jpg) no-repeat; float: right; }
.socialpop .socialpopmain { position: relative; width: 598px; padding: 20px 26px 26px 26px; color: #4f4f4f; }
.socialpop .socialpopmain time { position: absolute; top: 12px; right: 30px; color: #929292; }
.socialpop .socialpopmain h2 { font-size: 16px; margin-bottom: 12px; color: #000; }
.socialpop .socialpopmain span { display: inline-block; margin-bottom: 12px; font-size: 14px; margin-right: 15px; }
.socialpop .socialpopmain span.red { color: #fe0000; }
.socialpop .socialpopmain h3 { font-weight: normal; font-size: 15px; margin-bottom: 12px; color: #000; }
.socialpop .socialpopmain ol { margin-left: 20px; margin-bottom: 12px; }
.socialpop .socialpopmain ol li { font-size: 13px; list-style: decimal; }
.socialpop .socialpopmain span.socialpoptips { color: #e62129; font-size:13px;}
.recruitment-email { display: block; width: 100%; height: 25px; padding-bottom: 2px; margin-top: 15px; text-align: center;  }
.recruitment-email a { display: inline-block; width: 179px; height: 33px; text-align: center; line-height: 33px; color: #929292; background:#fff url(../images/hremail.png) left center no-repeat; font-weight:normal;}
/*************************************加入我们 end*************************************/

/*************************************联系我们 begin*************************************/
.contact { width: 100%;  }
.contactbox { position: relative; width: 1000px; margin: 0 auto; }
.contactcon { position: absolute; top: 50%; left: 50%; width: 646px; height: 530px; margin-left: -323px; margin-top: -265px; background: url(../images/conduct_bg.jpg) no-repeat; }
.contactcon div { position: absolute; }
.contactcon .chengdu { left: 306px; top: 325px; width: 50px; height: 30px; }
.contactcon .zhengzhou{ left: 437px; top: 266px; width: 50px; height: 30px; } 
.contactcon .kunming { left: 310px; top: 405px; width: 50px; height: 30px; }
.contactcon .chongqing { left: 362px; top: 340px; width: 50px; height: 30px; }
.contactcon .xian { left: 358px; top: 272px; width: 50px; height: 30px; }
.contactcon .wuhan { left: 427px; top: 315px; width: 50px; height: 30px; }
.contactcon .hefei { left: 490px; top: 300px; width: 50px; height: 30px; }
.contactcon .nanning { left: 385px; top: 437px; width: 50px; height: 30px; }
.contactcon .lanzhou { left: 326px; top: 240px; width: 50px; height: 30px; }
.contactcon .beijing { left: 486px; top: 183px; width: 50px; height: 30px; }
.contactcon .jinan { left: 493px; top: 222px; width: 50px; height: 30px; }
.contactcon .shanghai { left: 547px; top: 299px; width: 50px; height: 30px; }
.contactcon .guiyang { left: 362px; top: 385px; width: 50px; height: 30px; }
.contactcon address { display: none; }
.contactcon .chengdu address { position: absolute; top: -105px; left: 5px; width: 402px; height: 44px; padding: 10px 20px 55px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .kunming address { position: absolute; top: -105px; left: 5px; width: 402px; height: 44px; padding: 20px 20px 45px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .chongqing address { position: absolute; top: -105px; left: 5px; width: 402px; height: 44px; padding: 20px 20px 45px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .zhengzhou address { position: absolute; top: -105px; left: 5px; width: 402px; height: 44px; padding: 20px 20px 45px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .xian address { position: absolute; top: -105px; left: 5px; width: 402px; height: 44px; padding: 20px 20px 45px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .wuhan address { position: absolute; top: -105px; left: 5px; width: 402px; height: 44px; padding: 10px 20px 55px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .hefei address { position: absolute; top: -105px; left: 5px; width: 402px; height: 44px; padding: 20px 20px 45px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .nanning address { position: absolute; top: -105px; left: 5px; width: 432px; height: 44px; padding: 20px 20px 45px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .lanzhou address { position: absolute; top: -105px; left: 5px; width: 432px; height: 44px; padding: 20px 20px 45px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .beijing address { position: absolute; top: -105px; left: 5px; width: 402px; height: 44px; padding: 20px 20px 45px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .jinan address { position: absolute; top: -105px; left: 5px; width: 402px; height: 44px; padding: 20px 20px 45px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .shanghai address { position: absolute; top: -105px; left: 5px; width: 402px; height: 44px; padding: 20px 20px 45px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon .guiyang address { position: absolute; top: -105px; left: 5px; width: 402px; height: 44px; padding: 20px 20px 45px 20px; background: url(../images/contact_tips.png) no-repeat; font-size: 15px; }
.contactcon address p { line-height: 1.7em; }
/*************************************联系我们 end*************************************/

/*************************************下载专区 begin*************************************/
/****基准之道****/
.down { width: 100%; background: url(../images/down_bg.jpg) no-repeat center center; background-size: cover; }
.downbox { position: relative; }
#downcon { position: absolute; top: 50%; width: 100%; height: 587px; margin-top: -293px; }
#downcon ul { position: relative; width: 1140px; height: 587px; margin: 0 auto; /*background: url(../images/downcon_bg.png) no-repeat center 10px;*/}
#downcon li { position: absolute; top: 146px; left: 377px; z-index: 0; width: 0; height: 0; cursor: pointer; overflow: hidden; }
#downcon li .down-imgbox { display: block; width: 100%; background-color: #000; }
#downcon li img { width: 100%; vertical-align: top; }
#downcon li div { width: 100%; text-align: center; padding-top: 10px; }
#downcon li div span { display: inline-block; padding-right: 10px; font-size: 14px; color: #fff;}
#downcon li div span:hover{ text-decoration:underline; }
#downcon li div span a{color: #fff;}

/****设计年鉴****/
.design { width: 100%; background: url(../images/down_bg.jpg) no-repeat center center; background-size: cover; }
.designbox { position: relative; }
#designcon { position: absolute; top: 50%; width: 100%; height: 498px; margin-top: -249px; }
#designcon ul { position: relative; width: 1179px; height: 498px; margin: 0 auto; /*background: url(../images/designcon_bg.png) no-repeat center center;*/}
#designcon li { position: absolute; top: 146px; left: 377px; z-index: 0; width: 0; height: 0; cursor: pointer; overflow: hidden; }
#designcon li .design-imgbox { display: block; width: 100%; background-color: #000; }
#designcon li img { width: 100%; vertical-align: top; }
#designcon li div { width: 100%; text-align: center; padding-top: 22px; }
#designcon li div span { display: inline-block; padding-right: 10px; font-size: 14px; color: #fff;  }
#designcon li div span a{ color: #fff;  }
#designcon li div span:hover{ text-decoration:underline;  }
/*************************************下载专区 end*************************************/
footer .email{display: inline-block;}
footer .email img{ vertical-align: middle;display: inline-block;}