﻿
/* commons style */
.mmix { background: url(../image/theme/mix.png) no-repeat; }
.dot_d, .dot_c {display: block; width: 22px; height: 22px; }
.dot_d  { background-position: 0 -121px;}
.dot_c  { background-position: -24px -121px;}
.bn_blue  { background: url(../image/layout/koubg.png) repeat-x; height: 48px; border-top: 1px solid #3066c7; border-bottom-color: #0c50ad; border-top-color:#4888fe; border-radius: 5px; box-shadow: 2px 1px #0b50ad; }

.icon { position: relative; display: block; width: 104px; height: 104px;  border: 2px solid #aaaaaa; border-radius: 52px; margin: auto;}
.icon i {position: absolute; display: block; background: no-repeat url('../image/theme/icon.png'); }
/*.icon i.news {left: 29px; top: 26px; background-position: 0 0; width: 46px; height: 48px; }*/
/* icon size: 116px 116px;*/
.icon i.news {left: 28px; top: 26px; background-position: -206px -111px; width: 47px; height: 52px; }
.icon i.Ann {left: 16px; top: 24px; background-position: -224px -50px; width: 71px; height: 56px; }
.icon i.activitys {left: 32px; top: 21px; background-position: 0 -48px; width: 40px; height: 62px; }
.icon i.recruit1 {left: 29px; top: 26px; background-position: 0 0; width: 46px; height: 48px; }
.icon i.recruit2 {left: 32px; top: 21px; background-position: 0 -48px; width: 40px; height: 62px; }
.icon i.recruit3 {left: 22px; top: 32px; background-position: -132px 0px; width: 59px; height: 39px; }
.icon i.study {left: 30px; top: 32px; background-position: -86px -1px; width: 45px; height: 40px; }
.icon i.hotspots {left: 30px; top: 31px; background-position: -193px -2px; width: 44px; height: 42px; }
.icon i.fortuneschool { left: 34px; top: 28px; background-position: -47px -112px; width: 35px; height: 48px;}
.icon i.culture { left: 23px; top: 23px; background-position: -41px -49px; width: 58px; height: 58px; }
.icon i.team { left: 28px; top: 32px; background-position: -239px 0px; width: 49px; height: 40px; }
.icon i.assets { left: 18px; top: 24px; background-position: -84px -109px; width: 68px; height: 56px; }
.icon i.riches { left: 22px; top: 23px; background-position: -162px -50px; width: 60px; height: 58px; }
.icon i.finance { left: 22px; top: 22px; background-position: -100px -47px; width: 61px; height: 61px; }
.icon i.innovate { left: 27px; top: 27px; background-position: -155px -113px; width: 49px; height: 50px; }
.icon i.caucus { left: 19px; top: 32px; background-position: -255px -115px; width: 66px; height: 39px; }
.icon i.Risk { left: 24px; top: 23px; background-position: -297px -48px; width: 56px; height: 59px; }
.icon i.subsidiary { left:29px; top: 28px; background-position: -295px 0; width: 45px; height:48px; }
.icon i.dis1 { left:27px; top: 30px; background-position: 0 -164px; width: 53px; height: 44px; }
.icon i.dis2 { left:27px; top: 27px; background-position: -56px -164px; width: 52px; height:52px; }

.nodata { text-align: center; color: #cecece;}
/* page layout */
#header { position: relative; background-color: white; z-index: 99; }
#header section.wWrap { height: 114px; }
#header h1.logo {margin-top: 18px; width: 202px;float: left; }
#header h1.logo a { display: block; height: 90px; background: no-repeat left center url('../image/logo.png'); text-indent: -999px;overflow: hidden; }

#header nav { float: left; margin-top: 71px; }
#header nav li { position: relative; padding: 0 30px 28px 5px; float: left; font-size: 14px; color: black; }
#header nav li a { position: relative; display: block; color: black; font-size: 14px; line-height: 16px; /*letter-spacing:2px;*/ }
#header nav li a:before { position: absolute; left: -5px; top: 2px; border-left: 1px solid black;  height: 14px; content: "";}
#header nav li:hover a, #header nav li:active a { color: red;}
#header nav li:hover a:before, #header nav li:active a:before { border-color: red;}
#header nav li.cur a { color: #b5915d; }
#header nav li.cur a:before { border-color: #b5915d;}
#header nav dl { position: absolute; display: none; left: 0; top: 43px;  z-index: 999; width: auto; background-color: white; border: 1px solid #c5c5c5; min-width: 100%;}
#header nav dd { position: relative; border-bottom: 1px solid #ecdec9; padding: 12px 12px; z-index:999; white-space:nowrap;}
#header nav dd a { color: #927246; }
#header nav dd a:hover{ color: white; }
#header nav li:hover dd a, #header nav li:active dd a { color: #927246;}
#header nav li dd a:before{ border: none;}
#header nav li dd:hover { background-color: #cea975; cursor: pointer;}
#header nav li dd:hover a{ color: white;}
#header nav dd:last-child { border-bottom: none;}
#header nav dd.bg { display:none; position:absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; margin:0;  border: none; background-color:#cfa972; filter: alpha(opacity=70); opacity: 0.0; z-index: 998;}
#header nav.en li { padding: 0 33px 28px 5px;}

#header aside { position: absolute; right: 20px; top: 40px;  }
#header aside section { float: left; width: 140px; text-align: center; }
#header aside section .u { padding: 8px 0;text-align: center; }
#header aside section .u .sp { margin: 0 8px;}
#header aside section .u a { line-height: 14px; font-size: 12px;}
#header aside section .u a:hover { color: red; }
#header aside section .tz { display: inlin-block; line-height:21px; font-size: 14px; padding: 0 19px; background-color: red; color: white;}

#header aside address { float: left; padding-left: 4px;}
#header aside address .langlinks { height: 24px; text-align: right; padding: 2px 2px 0 0; }
#header aside address .langlinks .sp { color: #bfbfbf; margin: 0 7px; font-size: 12px; line-height: 14px;}
#header aside address .langlinks a { color: black; font-size: 12px; line-height: 14px;}
#header aside address .langlinks a.cur { color: #bfbfbf;}
#header aside address form { padding: 0;}
#header aside address form label { line-height: 25px; font-weight: bold; margin-right: 3px;}
#header aside address form input.search { width: 185px; height: 23px; line-height: 23px;padding: 0; border: 1px solid #d2d2d2; color: #bfbfbf;}

#homeBanner { position: absolute; z-index: 1; left:0; top:0;  width: 100%;height: 747px; overflow: hidden; background-color:##c6a26d;}
#homeBanner ul { position: relative; width: 100%;}
#homeBanner li { position: absolute; height: 747px; width: 100%; background: #c6a26d no-repeat center top url(''); }

body.home #header { background-color: transparent; height: 747px; }
body.home #header .wWrap:before { position:absolute; left: -72px; bottom: 0; border-bottom: 1px solid red; content:""; width: 1335px;  }


#footer { padding: 42px 0 35px; font-size: 14px; line-height: 16px; background-color:#cfa972; color: white; text-align: center;}
#footer a { color: white;}
#footer .title { width: 995px; margin: auto; padding-bottom: 12px; font-size: 24px; border-bottom: 1px solid white;}
#footer .title span { margin-left: 24px;}
#footer address {padding: 15px 0 30px; }
#footer address li { display: inline-block; margin-right: 20px; }
#footer address li:last-child {margin-right: 0;}
#footer nav { padding-bottom: 12px; overflow: hidden;}
#footer nav li { position: relative; display: inline-block; padding: 0 38px;}
#footer nav li:before { position: absolute; left: 0; top:2px; display: block; height: 14px; content:""; border-left: 1px solid white;}
#footer nav li:first-child:before { display: none;}
#footer .copyright {}
#footer .copyright span:last-child {margin-left: 25px;}

#homeAbout { background-color:#c6a26d; color: white; }
#homeAbout .wrap { width: 960px; margin: auto;}
#homeAbout header { padding: 22px 0 10px; text-align: center;}
#homeAbout header .logo { display: block; width: 104px; height: 104px;  border: 2px solid white; border-radius: 52px; margin: auto;}
#homeAbout header .logo .mmix { left: 35px; top: 18px; width: 34px; height: 71px;}
#homeAbout header h2 { font-size: 48px; line-height: 55px; margin-top: 15px;}
#homeAbout header p { font-size: 14px; margin-top: 8px;}
#homeAbout article { line-height: 30px; }
#homeAbout article p { text-indent: 32px; }
#homeAbout .tabs { padding: 22px 0; }
#homeAbout .tabs ul { margin-left: -192px;}
#homeAbout .tabs li { float: left; margin-left: 192px;}
#homeAbout .tabs a { display: block; color: white; border-bottom: 3px solid #c6a26d; font-size: 24px; line-height: 38px; padding: 7px 0;}
#homeAbout .tabs a:hover { border-bottom: 3px solid white;}

#homeSignup { background-color: #535353;  color: white;}
#homeSignup .wWrap { background: center top url('../image/theme/HomeSignBG.jpg'); height: 464px; }
#homeSignup header { text-align: center; padding-top: 70px;}
#homeSignup header h2 { font-size:48px; line-height: 65px;}
#homeSignup header p { line-height: 25px;}
#homeSignup .actions {margin-top: 55px;}
#homeSignup .actions .lock { display: block; width: 104px; height: 104px;  border: 2px solid white; border-radius: 52px; margin: auto; cursor: pointer;}
#homeSignup .actions .lock .mmix{ left: 34px; top: 27px; width: 35px; height: 46px; background-position: 0 -72px; }
#homeSignup .actions a { color: white;}
#homeSignup .actions p { margin-top: 58px; text-align: center; font-size: 18px; line-height: 20px;}
#homeSignup .actions p a { text-decoration: underline;}

#homeCompanyNews { background-color: white; padding: 34px 0 62px; color: #999999;}
#homeCompanyNews header { padding: 22px 0 10px; text-align: center;}
#homeCompanyNews header .logo { display: block; width: 104px; height: 104px;  border: 2px solid #aaaaaa; border-radius: 52px; margin: auto;}
#homeCompanyNews header .logo .mmix { left: 32px; top: 25px; width: 43px; height: 52px; background-position: 0 -122px;}
#homeCompanyNews header h2 { font-size: 48px; line-height: 55px; margin-top: 15px;}
#homeCompanyNews header p { font-size: 14px; margin-top: 8px;}

#homeCompanyNews .news { color: #666666; }
#homeCompanyNews .news ul { }
#homeCompanyNews .news li { float: left; width: 345px; padding: 18px 0; margin-left: 175px;}
#homeCompanyNews .news li a { color: #666666;}
#homeCompanyNews footer { text-align: center; padding-top: 15px;}
#homeCompanyNews footer a { color: #999999; font-size: 18px; }

#banner { position: relative; height: 357px; text-align: center; background: no-repeat center top url(''); }
#banner img { display: block; }

#content {}
#content .wWrap { background-color: white; padding: 10px 0 215px;}
#content .here { margin-left: 20px; }
#content .here a {  }
#content .here span.sp { margin: 0 5px; font-size: 12px;}
#content .here span.t { color: #b9b9b9; }
#content header { position: relative; border-bottom: 4px solid red; padding-top: 50px; text-align: center;}	

#content header a label{ display: block; font-size: 24px; line-height: 35px; margin-top: 15px; color: #aaaaaa;word-wrap:normal;/* break-word;*/}

#content header ul { position: relative; z-index: 10; vertical-align: top; }
#content header li { position: relative; display: inline-block;padding-bottom: 34px; margin-left:0; width: 230px; }
#content header li:first-child { margin-left: 0; }
#content header .mark { position: absolute; display: block; left: 50%; bottom: -27px; z-index: 1; margin-left: -24px; content:""; border-left: 24px solid transparent; border-right: 24px solid transparent; border-top: 25px solid red;}
#content .conWrap { width: 1115px; margin: auto; padding: 50px 0 20px; border-bottom: 1px solid #959595;}
#content .conWrap h3 { position: relative; font-size: 32px; padding: 20px 0; border-bottom: 1px solid #959595; margin-bottom: 20px;}
#content .conWrap h3 .lighter {font-weight: lighter;}
#content .conWrap h3 .salary { right: 268px; bottom: 24px; color: red;}
#content .conWrap h3 .close { right: 68px; bottom: 24px; display: block; background-position: 0 -176px; width: 27px; height:27px; cursor: pointer;}
#content .conWrap.teaminfo h3 { color: #cfa972; }
#content .conWrap.teaminfo article { margin-top: 70px;}
#content .conWrap.detail {border-bottom: none;}
#content .scrollWrap { position: relative;  overflow-y:scroll; height: 530px; scrollbar-face-color: #d7d5d6}
#content .scrollWrap:before { position: absolute; content: ""; width: 100%; height: 0; left: 0;  bottom: -20px;}
#content .atrtitle { padding: 10px 0 20px; text-align: center;}
#content .atrtitle h4 { font-size: 28px; line-height: 35px; color: #535353;}
#content .atrtitle p { margin-top: 10px;}

#content article.list { color: #535353; }
#content article.list a { color: #535353; }
#content article.list li { position: relative; padding: 11px 0 11px 20px; line-height: 22px; }
#content article.list li:before { position:absolute; clear: both; left: 2px; top: 11px; content: "·";}
#content article.list .type { display: inline-block; width: 125px; }

#content.search .wWrap { padding-bottom: 100px;}
#content.search .actform.index { padding: 80px 0 200px 395px;}
#content.search .actform { padding: 20px 0 32px 175px;}
#content.search .actform input.ipt { float: left; border: 1px solid #d2d2d2; color: #bfbfbf; height: 29px;line-height: 28px;padding: 0;width: 260px; border-right: none;}
#content.search .actform input.ss_btn { float: left; background-color: #d7000f; color: white; width: 77px; height: 31px;line-height: 30px;padding: 0; border: none;}
#content.search .actform .jg { margin-top: 15px; color: #666666;}
#content.search .conWrap { border: none; border-top: 1px solid #dcdcdc; padding: 0;}
#content.search .lf { width:124px; }
#content.search .lf .item { border-bottom: 1px solid #dcdcdc; padding: 24px 20px 24px 0; text-align: right; line-height: 24px;}
#content.search .lf .item label { color: #999999; }
#content.search .lf .item a { color: #ab8e4e; }
#content.search .lf .item a.ac { font-weight: bold;}
#content.search .lf .item:last-child {border-bottom: none;}
#content.search .datalist { border-left: 1px solid #dcdcdc; overflow: hidden; min-height: 500px; padding-left: 15px 0 20px;}
#content.search .datalist li { border-bottom: 1px dotted #dcdcdc; padding: 20px 15px; line-height: 24px;}
#content.search .datalist li h5 { padding-bottom: 10px;}
#content.search .datalist li h5 { padding-bottom: 10px;}
#content.search .datalist li .adds { margin-top: 10px;color: #ab8e4e;}
#content.search .datalist li h5 a { color: #ab8e4e;}

#content .pages { text-align: right; padding: 32px 45px 32px 0;}
#content .pages .rt > * { display: block; border: 1px solid #c9c9c9; border-left-width: 0; line-height:37px; padding: 1px 17px; float: left; }
#content .pages .rt > *:first-child {border-left-width: 1px; }
#content .pages a:hover { background-color: #e5e5e5; }
#content .pages .count {border: none; padding-right: 0px;}
#content .pages .count:hover { background-color: transparent;}

article.teamlist ul { padding: 40px 0 0}
article.teamlist li { display: inline-block; list-style: none; text-align: center; min-width:200px; color: #cfa972;padding-bottom: 20px;}
article.teamlist li big { font-size: 18px; margin-right: 20px; font-weight: lighter;}
article.teamlist li small { font-size: 18px;}
article.teamall ul { margin-left: -25px; }
article.teamall li { }

article.con { line-height: 26px;}
article.con strong { font-weight: bold;}

.openwx-box.productimg { border: none; width: 100%; height: 100%; background: transparent;  _position: absolute; _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight ); _left: expression(documentElement.scrollLeft+documentElement.clientWidth-this.offsetWidth); }



