/********** INFO **********/
.aboutInfo { background:#f8f8f8; }
.aboutInfo .aboutImg { display:inline-block; width:608px; vertical-align:middle; }
.aboutInfo dl { display:inline-block; width:608px; margin-left:-5px; text-align:center; vertical-align:middle; margin-top:-5px; padding:0 20px; box-sizing:border-box; }
.aboutInfo dl dt { font-size:18px; font-weight:bold; color:#000; }
.aboutInfo dl dt:after { content:''; display:block; width:16px; height:1px; background:#a87161; margin:15px auto; }
.aboutInfo dl dd { line-height:1.5; }

.accorGroup { margin:100px 0 75px; }
.accorGroup .accTxt { border-top:solid 1px #ccc; text-align:center; margin:40px 0 0 0; padding:15px 0 0 0; }

.aakMgtWrap { padding:1px 0 100px 0; }
.aakMgtWrap .contWrap { margin-top:54px; }
.aakMgtWrap .title-2 { margin:38px 0 16px; }
.aakMgtWrap .aakMgt { background:url('/static/cn/img/about/info-6.jpg') 0 0 no-repeat; min-height:384px; padding-left:416px; margin-top:58px; }
.aakMgtWrap .aakNetwork { overflow:hidden; text-align:center; border:solid 1px #ccc; padding:24px 0 22px; }
.aakMgtWrap .aakNetwork .aakItem { display:inline-block; margin:0 18px 0 17px; }

.vision { padding:0 0 116px; }
.vision .title-2 { margin-bottom:53px; padding-top:44px; }
.vision .diagram { position:relative; height:316px; text-align:center; }
.vision .diagram .diagram-1:first-child { margin-left:0; }
.vision .diagram .diagram-1 { border:solid 1px #888; background:#fff; width:164px; height:164px; border-radius:82px; display:inline-block; margin-left:57px; vertical-align:middle; position:relative; z-index:2; box-sizing:border-box; }
.vision .diagram .diagram-1:before, .vision .diagram .diagram-2:before { content:''; width:1px; height:100%; display:inline-block; vertical-align:middle; }
.vision .diagram .diagram-1 span, .vision .diagram .diagram-2 span { display:inline-block; vertical-align:middle; position:relative; z-index:4;  }
.vision diagram .diagram-1:first-child { margin-left:0; }
.vision .diagram .diagram-1 strong { color:#000; display:block; margin-bottom:7px; }
.vision .diagram .diagram-2 strong { color:#fff; display:block; margin-bottom:9px; font-size:18px; }
.vision .diagram .diagram-2 { border:solid 1px #a87161; background:#fff; width:316px; height:316px; border-radius:158px; display:inline-block; margin-left:58px; vertical-align:middle; position:relative; z-index:2; color:#fff; }
.vision .diagram .diagram-2:after { content:''; position:absolute; top:50%; left:50%; z-index:0; margin-left:-114px; margin-top:-114px;  background:#a87161; width:228px; height:228px; border-radius:114px; display:block; box-sizing:border-box; }
.vision .diagram:after { content:''; background:#ccc; width:100%; height:1px; position:absolute; left:0; top:50%; z-index:1; }

.vision .visionTxt { overflow:hidden; width:1216px; margin:34px auto 0; padding:0 190px; text-align:center; }
.vision .visionTxt dl { width:420px; display:inline-block; text-align:center; }
.vision .visionTxt dl dt { font-size:18px; color:#000; margin-bottom:8px; font-weight:bold; }
.coreValues { background:url('/static/cn/img/about/info-7.jpg') center 0 no-repeat; min-height:668px; }
.coreValuesIn { width:1216px; margin:0 auto; position:relative; min-height:668px; }
.coreValuesIn .core { position:absolute; }
.coreValuesIn .core-1 { top:80px; left:515px; }
.coreValuesIn .core-2 { top:230px; left:691px; }
.coreValuesIn .core-3 { top:455px; left:632px; }
.coreValuesIn .core-4 { top:455px; left:60px; }
.coreValuesIn .core-5 { top:230px; left:15px; }
.coreValuesIn .core-1 dd { width:445px; }
.coreValuesIn .core-2 dd { width:337px; }
.coreValuesIn .core-3 dd { width:395px; }
.coreValuesIn .core-4 dd { width:332px; }
.coreValuesIn .core-5 dd { width:325px; }
.coreValuesIn dt { width:124px; height:124px; background:#fff; float:left; border-radius:62px; color:#848aa4; text-align:center; vertical-align:middle; margin:0 32px; }
.coreValuesIn dt:before, .coreValuesIn dd:before { content:''; display:inline-block; height:100%; vertical-align:middle; }
.coreValuesIn .mid { display:inline-block; vertical-align:middle; }
.coreValuesIn dt em { color:#272e53; display:block; }
.coreValuesIn dd { float:left; vertical-align:middle; height:124px; color:#cfd2e6; letter-spacing:-0.05em; }
.coreValuesIn .core.reverse dt, .coreValuesIn .core.reverse dd { float:right; }
.coreValuesIn .coreTit { position:absolute; left:50%; top:336px; margin-left:-171px; width:342px; text-align:center; font-size:28px; font-weight:bold; color:#fff; line-height:1.1;}
.ci { margin-top:91px; }
.ci .title-2 { margin-top:0; margin-bottom:4px; }
.ci .ciTxt { font-size:18px; color:#333; margin-bottom:8px;font-weight:bold; }

/********** CEO **********/
.ceoMsg { overflow:hidden; color:#a87161; font-size:32px; line-height:44px; border-bottom:solid 1px #a87161; background:url('/static/cn/img/about/ceo.jpg') 100% 100% no-repeat; height:362px; padding-top:138px; box-sizing:border-box; }
.ceoMent { border-bottom:solid 1px #a87161; padding:12px 0 34px 0; margin-bottom:20px; }
.ceoMent p { padding-top:22px; }
.ceoMent .ceoName { padding-top:42px; }
.ceoHistory .tb-1 th { font-weight:normal; }

/********** MUSEUM **********/
.museumIntro { margin:60px 0 0; background:url('/static/cn/img/about/museum-1.jpg') 100% 0 no-repeat; min-height:288px; padding-right:435px; }
.museumIntro .museumTit { color:#a87161; font-size:32px; line-height:44px; padding:14px 0 24px; }
.exhibitions { background:#1e1c1b; width:100%; height:961px; margin:80px auto 0; }
.exhibitions .exhTit { font-size:28px; font-weight:bold; padding:53px 0 38px; color:#a87161; line-height:44px; text-align:center; }
.exhibitions .exhIn { position:relative; }
.exhibitions .exhMenu { width:280px; position:absolute; left:0; top:0; z-index:5; }
.exhibitions .exhMenu .exhTab { overflow:hidden; }
.exhibitions .exhMenu .exhTab li { float:left; width:50%; }
.exhibitions .exhMenu .exhTab li a { display:block; height:30px; text-align:center; background:#1a1717; font-weight:bold; line-height:32px; color:#999; }
.exhibitions .exhMenu .exhTab li.active a { background:#a87161; color:#fff; font-weight:bold; background:#a87161; }
.exhibitions .exhMenu .exhMap { width:280px; height:182px; border:solid 2px #a87161; box-sizing:border-box; background:rgba(0,0,0,0.9) }
.exhibitions .exhCont { margin-top:31px; }
.exhibitions .photoList { background:#000; }
.exhibitions .photoList .slideVis { width:1216px; height:608px; box-sizing:border-box; }
.exhibitions .photoList .slideVis.players { padding:0 0 80px 280px; }
.exhibitions .exhCont dt { float:left; width:312px; color:#ccc; margin-top:3px; }
.exhibitions .exhCont dt em { font-size:22px; color:#a87161; display:block; font-weight:bold; line-height:1.4; margin-bottom:6px; }
.exhibitions .exhCont dd { float:left; width:900px; color:#ccc; margin-top:4px;  }
.facilities .list-2-title { font-size:18px; color:#111; margin:14px 0 8px; }

/********** ETHICS **********/
.ethics .contWrap { margin-top:0; }
.ethics.contBg { padding:1px 0 60px; }
.ethics .title-2 + .title-3 { margin-top:0; }
.ethics .title-3 .num { margin:0 14px 0 0; }
.ethics .title-4 .num { margin:0 14px 0 0; }
.ethManagement { margin-top:55px; overflow:hidden; }
.ethManagement .title-3 { float:left; width:280px; clear:left; border-top:solid 1px #a87161; padding:19px 0 45px 16px; margin:0; box-sizing:border-box; }
.ethManagement .txtCont { float:left; width:930px; border-top:solid 1px #e5e5e5; padding:19px 0 45px 30px; box-sizing:border-box; }
.ethManagement .txtCont:last-child { padding:19px 0 0 30px; }
.ethCodeList { border-top:solid 1px #888; margin-top:18px;  }
.ethCodeList .ethCodeTit { cursor:pointer; padding:25px 0 23px 30px; position:relative; border-bottom:solid 1px #eee; }
.ethCodeList .ethCodeTit .num { display:inline-block; width:53px; color:#a87161; }
.ethCodeList .ethCodeTit .sTit { display:inline-block; width:1044px; color:#333; }
.ethCodeList .ethCodeTit .ethCodeBtn {position:absolute; right:0; top:50%; margin-top:-12px; width:80px; text-align:center; }
.ethCodeList .ethCodeCont { display:none; padding:26px 30px 25px 32px; position:relative; background:#f7f5f3; border-bottom:solid 1px #eee; }
.ethCodeList .ethCodeCont p { line-height:1.8; }
.ethCodeList .ethCodeCont .sTit { margin:15px 0 1px; color:#333; font-weight:bold; }
.terminology { border-top:solid 1px #888; line-height:1.7; }
.terminology li { overflow:hidden; border-bottom:solid 1px #eee; height:72px; display:table; }
.terminology .sTit { width:290px; display:table-cell; vertical-align:middle; padding-left:24px; }
.terminology .word { display:inline-block; width:135px; font-size:18px; color:#a87161; }
.terminology .des { width:900px; display:table-cell; vertical-align:middle; }
.ethDetailsBox { background:#fafafa; border:solid 1px #eee; position:relative; padding:4px 0 28px 310px; margin-top:10px; }
.ethDetailsBox .sTit { font-size:18px; color:#333; position:absolute; left:32px; top:27px; line-height:1.5; }
.ethDetailsBox .ethDetails { position:relative; padding:21px 0 0 105px; }
.ethDetailsBox .ethDetails dt { font-size:10px; color:#333; font-size:20px; color:#a87161; position:absolute; left:0; top:18px; }
.ethDetailsBox .ethDetails dd { background:url(/static/cn/img/common/arr-ty-1.png) 0 9px no-repeat; padding-left:12px; margin-top:2px; }

.ethInfoBox { background:#fafafa; border:solid 1px #eee; position:relative; padding:4px 0 28px 10px; margin:10px 0 10px 0; }
.ethInfoBox .sTit { font-size:18px; color:#333; position:absolute; left:32px; top:27px; line-height:1.5;}
.ethInfoBox .ethDetails { position:relative; padding:21px 0 0 10px;}
.ethInfoBox .ethDetails dt { font-size:10px; color:#333; font-size:20px; color:#a87161; position:absolute; left:0; top:18px; }
.ethInfoBox .ethDetails dd {padding-left:12px; margin-top:41px; }
.ethInfoBox { background:#fafafa; border:solid 1px #eee; position:relative; padding:4px 0 28px 310px; margin-top:10px; }
/********** HISTORY **********/
.historyToggle { margin-top:43px;  }
.historyToggle .historyToggleTit { cursor:pointer; padding:17px 0 17px 30px; position:relative; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; margin-top:-1px; }
.historyToggle .historyItem:first-child .historyToggleTit { margin-top:0; }
.historyToggle .historyToggleTit.active { position:relative; background-color:#a87161; border-color:#874d3c; font-weight:bold; }
.historyToggle .historyToggleTit .year { display:inline-block; min-width:101px; font-size:18px; color:#a87161; white-space:nowrap; margin-right:16px; }
.historyToggle .historyToggleTit.active .year { color:#fff; }
.historyToggle .historyToggleTit .subline { display:inline-block; width:980px; color:#333; font-size:18px; }
.historyToggle .historyToggleTit.active .subline { color:#fff; }
.historyToggle .historyToggleTit .historyBtn {position:absolute; right:0; top:50%; margin-top:-12px; width:80px; text-align:center; }
.historyToggle .historyCont { display:none; padding:67px 0 32px; position:relative; background:#fafafa; border-bottom:solid 1px #ddd; line-height:1.7; }
.historyToggle .historyCont .sTit { margin:20px 0 0; font-size:15px; color:#333; }

.historyToggle .historyTit { text-align:center; padding-bottom:50px; }
.historyToggle .historyTit .year { font-size:32px; color:#000; font-weight:bold; }
.historyToggle .historyTit .subline { font-size:18px; color:#666; display:block; margin-top:-6px; }
.historyToggle .historyIn { overflow:hidden; }
.historyToggle .historyImg { width:606px; float:left; }
.historyToggle .historyImg .img { margin:0 88px 80px 73px; text-align:center; }
.historyToggle .historyList { width:609px; float:right;  }
.historyToggle .historyList dl { border-left:solid 1px #dedede; padding-left:87px; padding-right:80px; padding-bottom:49px; position:relative; margin-top:-10px; }
.historyToggle .historyList dl:first-child { margin-top:-5px; }
.historyToggle .historyList dl:first-child:before { top:7px; }
.historyToggle .historyList dl:before { position:absolute; left:0; top:10px; margin-left:-5px; content:''; display:block; width:9px; height:9px; background:#a87161; transform:rotate(45deg); }
.historyToggle .historyList dl:last-child { border-color:transparent; }
.historyToggle .historyList dt { font-size:26px; color:#333; font-weight:bold; line-height:1.2; margin-bottom:15px; }
.historyToggle .historyList dd { position:relative; padding-left:24px; color:#999; margin-top:10px; }
.historyToggle .historyList dd strong { color:#a87161; position:absolute; left:0; top:0; }