@charset "UTF-8";
html { font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

article, aside, details, figcacption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none; color: #333333; }

a:active, a:hover, a:focus { outline: 0; text-decoration: underline; color: #333333; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

ton { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: p; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; line-height: 20px; }

body { color: #333333; background-color: #6a3906; font: 14px; }

ul, li, ol { list-style: none; line-height: normal; }

.clearfix { clear: both; width: 100%; height: 1px; margin-top: -1px; display: block; visibility: hidden; overflow: hidden; }

.clear { clear: both; width: 100%; height: 1px; margin-top: -1px; }

.content { width: 1000px; margin-left: auto; margin-right: auto; background-color: #fff; }

/* ----------------------------------------------------------------------header------------------------------------------------------------------ */
.top-banner { height: 398px; text-align: center; background-color: #313131; }
.top-banner img { height: 398px; margin-left: auto; margin-right: auto; }

.nav { height: 42px; line-height: 42px; background: url("../images/bg-nav.png") center repeat-x; overflow: hidden; }
.nav li { float: left; }
.nav img { margin-left: 25px; margin-right: 25px; position: relative; top: 11px; }
.nav a { color: #fff; position: relative; top: 9px; font-weight: bold; font-size: 16px; }
.nav a:hover { opacity: 0.5; }

.nav-top { display: none; position: fixed; top: 0; z-index: 999; width: 100%; height: 42px; line-height: 42px; background: url("../images/bg-nav.png") center repeat-x; overflow: hidden; }
.nav-top li { float: left; }
.nav-top img { margin-left: 25px; margin-right: 25px; position: relative; top: 11px; }
.nav-top a { color: #fff; position: relative; top: 9px; font-weight: bold; font-size: 16px; }
.nav-top a:hover { opacity: 0.5; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.h3 { width: 1030px; height: 53px; margin-left: auto; margin-right: auto; }

.synopsis { margin-left: auto; margin-right: auto; background: url("../images/bg-synopsis-2.png") top repeat-x; padding-top: 1px; }
.synopsis .synopsis2 { width: 1159px; height: 850px; margin-left: auto; margin-right: auto; background: url("../images/bg-synopsis.png") left top no-repeat; }
.synopsis .p1 { width: 818px; font-size: 16px; color: #996c33; text-indent: 32px; font-weight: bold; margin-left: auto; margin-right: auto; padding-top: 70px; line-height: 24px; }
.synopsis h4 { font-size: 20px; margin-left: 170px; margin-top: 20px; font-weight: bold; color: #a84200; }
.synopsis .p2 { width: 433px; font-size: 16px; color: #fff; margin-left: 170px; margin-top: 30px; line-height: 24px; }
.synopsis .p3 { float: left; margin-left: 170px; margin-top: 100px; width: 255px; font-size: 14px; line-height: 20px; }
.synopsis .right { width: 540px; float: right; margin-right: 130px; margin-top: 70px; font-size: 14px; line-height: 20px; }
.synopsis .right .p5, .synopsis .right .p6 { text-indent: 28px; margin-top: 30px; line-height: 24px; }
.synopsis .right .p5 { margin-top: 50px; }

.history-forerunner p { width: 845px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; text-indent: 28px; font-size: 14px; }
.history-forerunner .p1 { width: 845px; font-size: 15px; color: #996c33; margin-left: auto; margin-right: auto; font-weight: bold; padding-top: 30px; line-height: 24px; margin-top: 0; }
.history-forerunner .per-1-1 { width: 1000px; margin-left: 80px; background: url("../images/bg-per-1.png") 480px 0px no-repeat; overflow: visible; }
.history-forerunner .per-1-1 .img { float: left; width: 234px; height: 314px; }
.history-forerunner .per-1-1 li { float: left; margin-left: 35px; width: 570px; margin-bottom: 20px; }
.history-forerunner .per-2 { padding-top: 1px; width: 1000px; height: 430px; background: #996c33 url("../images/bg-per-2.png") left top no-repeat; margin-top: -30px; }
.history-forerunner .per-2 .left { float: left; margin-left: 80px; margin-top: 90px; }
.history-forerunner .per-2 .left b { width: 234px; }
.history-forerunner .per-2 .right { float: left; margin-left: 35px; width: 570px; margin-top: 90px; }
.history-forerunner .per-2 b, .history-forerunner .per-2 p { width: 570px; color: #fff; }
.history-forerunner .per-3 { padding-top: 1px; width: 1000px; height: 620px; background: #996c33 url("../images/bg-per-3.png") left bottom no-repeat; }
.history-forerunner .per-3 .left { float: left; margin-left: 80px; margin-top: 20px; width: 234px; }
.history-forerunner .per-3 .left b { width: 234px; }
.history-forerunner .per-3 .right { float: left; margin-left: 35px; width: 570px; margin-top: 20px; }
.history-forerunner .per-3 b, .history-forerunner .per-3 p { width: 570px; color: #fff; font-size: 14px; }
.history-forerunner .line { width: 986px; height: 5px; margin-left: 8px; }
.history-forerunner .per-4 { padding-top: 1px; position: relative; margin-top: -100px; }
.history-forerunner .per-4 p, .history-forerunner .per-4 b, .history-forerunner .per-4 span { width: 545px; text-align: left; margin-left: 80px; display: inline-block; }
.history-forerunner .per-4 span { color: #996c33; }
.history-forerunner .per-4 .img { width: 234px; height: 314px; position: absolute; top: 60px; right: 80px; }
.history-forerunner .per-6 { padding-top: 1px; width: 1000px; height: 400px; background: #996c33 url("../images/bg-per-6.png") left top no-repeat; margin-top: -40px; }
.history-forerunner .per-6 .left { float: left; margin-left: 20px; margin-top: 80px; width: 370px; }
.history-forerunner .per-6 .left b { width: 234px; }
.history-forerunner .per-6 .right { float: left; margin-left: 15px; width: 570px; margin-top: 80px; }
.history-forerunner .per-6 b, .history-forerunner .per-6 p { width: 570px; color: #fff; text-indent: 0px; }
.history-forerunner .per-7 { padding-top: 1px; width: 1000px; height: 445px; background: #996c33; }
.history-forerunner .per-7 .left { float: left; margin-left: 40px; margin-top: 10px; width: 300px; }
.history-forerunner .per-7 .left b { width: 234px; }
.history-forerunner .per-7 .right { float: left; margin-left: 35px; width: 570px; margin-top: 10px; }
.history-forerunner .per-7 b, .history-forerunner .per-7 p { width: 570px; color: #fff; text-indent: 0px; }

.trading-system { text-align: center; padding-top: 1px; }
.trading-system h4 { padding-top: 30px; }
.trading-system ul { width: 860px; margin-left: auto; margin-right: auto; }
.trading-system li { width: 275px; height: 164px; background: transparent url("../images/bg-trading-system.png") left top no-repeat; float: left; margin-left: 3px; margin-right: 3px; text-align: center; }
.trading-system b, .trading-system span { display: block; }
.trading-system b { margin-top: 40px; color: #a84200; }
.trading-system span { line-height: 18px; width: 190px; margin-left: 50px; margin-top: 10px; text-align: left; }

.advantage .part-1 { height: 400px; }
.advantage .part-1 .img-1 { float: left; margin-left: 50px; margin-top: 20px; }
.advantage .part-1 .img-2 { float: right; margin-right: 50px; margin-top: 20px; }
.advantage .part-2 { height: 261px; background: url("../images/advantage-part-2b.png") center no-repeat; margin-top: 0; width: 1000px; background-color: #fff; }
.advantage .part-2 h4 { text-align: center; margin-bottom: 20px; }
.advantage .part-2 ul { width: 866px; margin-left: auto; margin-right: auto; }
.advantage .part-2 li { width: 40%; float: left; }
.advantage .part-2 li span { font-weight: bold; font-size: 18px; color: #ffff00; }
.advantage .part-2 li p { text-indent: 0px; color: #fff; }
.advantage .part-2 .li2 { margin-left: 20%; }
.advantage .part-3 { height: 380px; background: url("../images/advantage-part-3c.png") right top no-repeat; background-color: #fff; margin-top: -40px; }
.advantage .part-3 .part-3a { padding-top: 100px; margin-left: 50px; padding-left: 40px; height: 300px; background: url("../images/advantage-part-3b.png") left 165px no-repeat; }
.advantage .part-3 .part-3a ul { margin-top: 20px; }
.advantage .part-3 .part-3a li { line-height: 32px; }
.advantage .part-4 { height: 340px; background-color: #fff; text-align: center; padding-top: 30px; }
.advantage .part-4 .p1 { font-size: 22px; color: #a84200; }
.advantage .part-4 ul { margin-left: 30px; }
.advantage .part-4 h5 { margin-top: 10px; }
.advantage .part-4 li { width: 305px; height: 179px; background: url("../images/advantage-part-4f.png") center no-repeat; float: left; margin-right: 10px; }
.advantage .part-4 li p { display: inline-block; width: 238px; text-align: left; text-indent: 0; line-height: 24px; color: #333333; }
.advantage .part-5 { height: 500px; background: url("../images/advantage-part-5a.png") center no-repeat; background-color: #fff; margin-top: -20px; padding-top: 10px; position: relative; }
.advantage .part-5 p { width: 240px; font-size: 16px; line-height: 20px; color: #333333; display: inline-block; text-indent: 0; }
.advantage .part-5 .p-1 { position: absolute; top: 30px; left: 400px; }
.advantage .part-5 .p-2 { position: absolute; top: 160px; left: 680px; }
.advantage .part-5 .p-3 { position: absolute; top: 320px; left: 540px; }
.advantage .part-5 .p-4 { position: absolute; top: 320px; left: 220px; }
.advantage .part-5 .p-5 { position: absolute; top: 160px; left: 100px; }
.advantage .part-6 { height: 210px; background-color: #fff; text-align: center; padding-top: 20px; }
.advantage .part-7 { height: 240px; background: url("../images/advantage-part-7b.png") center 60px no-repeat; background-color: #fff; margin-top: -20px; padding-top: 10px; text-align: center; }
.advantage .part-7 li { width: 313px; font-size: 14px; line-height: 20px; color: #333333; margin-left: auto; margin-right: auto; margin-top: 15px; }
.advantage .part-7 ul { margin-top: 30px; }
.advantage .part-7 .li3 { margin-top: 35px; font-size: 20px; }

.actuality .actuality-1 { height: 334px; overflow: hidden; }
.actuality .actuality-2, .actuality .actuality-3, .actuality .actuality-4 { background-color: #996c33 !important; padding-top: 30px; padding-bottom: 30px; text-align: center; }
.actuality .actuality-5 { height: 435px; padding-top: 30px; padding-bottom: 30px; text-align: center; background: url("../images/bg-actuality-5.png") center bottom no-repeat; background-color: #996c33 !important; }
.actuality .actuality-6 { height: 234px; overflow: hidden; text-align: center; }

.design-discipline .actuality-7 { padding-top: 30px; }
.design-discipline .actuality-7 h4 { text-align: center; }
.design-discipline .actuality-7 ul { margin-top: 10px; margin-left: 50px; }
.design-discipline .actuality-7 li { width: 260px; height: 178px; background: url("../images/bg-actuality-6.png") center bottom no-repeat; float: left; text-align: center; margin-left: 20px; margin-right: 20px; }
.design-discipline .actuality-7 p { display: inline-block; text-indent: 0; text-align: left; }
.design-discipline .actuality-7 span { font-size: 20px; margin-top: 10px; display: block; font-weight: bold; color: #fff; }
.design-discipline .actuality-7 .li-1 p { width: 200px; margin-top: 30px; line-height: 24px; }
.design-discipline .actuality-7 .li-2 p { width: 230px; margin-top: 30px; line-height: 24px; }
.design-discipline .actuality-7 .li-3 p { width: 240px; margin-top: 30px; line-height: 20px; }
.design-discipline .actuality-8 { height: 350px; background: url("../images/bg-actuality-8.png") 280px bottom no-repeat; padding-top: 30px; }
.design-discipline .actuality-8 h4 { text-align: center; }
.design-discipline .actuality-8 ul { margin-top: 50px; }
.design-discipline .actuality-8 li { list-style-image: url("../images/actuality-8c.png"); color: #713500; margin-left: 90px; font-size: 20px; line-height: 28px; }
.design-discipline .actuality-9 { padding-top: 30px; text-align: center; }
.design-discipline .actuality-9 p { font-size: 16px; }
.design-discipline .actuality-10 { padding-top: 30px; text-align: center; }
.design-discipline .actuality-10 img { margin-top: 20px; }
.design-discipline .actuality-11 { height: 386px; background: url("../images/bg-actuality-11.png") center top no-repeat; background-color: #996c33; position: relative; margin-top: -30px; }
.design-discipline .actuality-11 h4 { margin-left: 300px; padding-top: 100px; margin-bottom: 30px; }
.design-discipline .actuality-11 p { width: 554px; color: #fff; margin-left: 50px; line-height: 26px; text-indent: 0; }
.design-discipline .actuality-11 .img { position: absolute; top: 60px; right: 50px; }

.risk-management { background-color: #996c33; }
.risk-management h4 { text-align: center; padding-top: 30px; padding-bottom: 10px; }
.risk-management .risk-management-1 .ul-1 { margin-left: 120px; }
.risk-management .risk-management-1 .ul-2 { margin-left: 80px; }
.risk-management .risk-management-1 ul { float: left; }
.risk-management .risk-management-1 li { font-weight: bold; font-size: 18px; color: #fff; line-height: 24px; }
.risk-management .risk-management-2 ul { margin-top: 10px; margin-left: 50px; }
.risk-management .risk-management-2 li { width: 280px; height: 274px; background: url("../images/risk-management-2a.png") center bottom no-repeat; float: left; text-align: center; margin-left: 10px; margin-right: 10px; }
.risk-management .risk-management-2 p { display: inline-block; text-indent: 0; text-align: left; width: 260px; margin-left: 10px; font-size: 14px; color: #fff; padding-top: 15px; }
.risk-management .risk-management-2 h5 { font-size: 28px; margin-top: 18px; display: block; color: #fff; }
.risk-management .risk-management-2 b { font-weight: bold; }
.risk-management .risk-management-2 span { color: #ffff00; font-weight: bold; }
.risk-management .risk-management-5 { background: white url("../images/risk-management-5.png") center top no-repeat; position: relative; height: 550px; }
.risk-management .risk-management-5 img { position: absolute; top: 200px; right: 50px; }
.risk-management .risk-management-5 p { text-indent: 0; position: absolute; top: 200px; left: 80px; font-size: 16px; line-height: 20px; }
.risk-management .risk-management-5 b { font-size: 18px; font-weight: bold; color: #a84200; }

.actual-combat { text-align: center; }
.actual-combat h4 { font-weight: bold; font-size: 20px; color: #a84200; line-height: 42px; }
.actual-combat h4 span { font-weight: lighter; }
.actual-combat p { font-size: 20px; line-height: 34px; width: 726px; color: #000000; }
.actual-combat p img { position: relative; top: 8px; }

.collaborate { padding-top: 10px; padding-bottom: 30px; margin-top: -30px; }
.collaborate h4 { text-align: center; padding-top: 30px; }
.collaborate h5 { color: #a84200; font-weight: bold; font-size: 16px; margin-left: 50px; margin-top: 30px; }
.collaborate p { margin-top: 5px; margin-bottom: 5px; text-indent: 0; }
.collaborate span { color: #a84200; }

/* ----------------------------------------------------------------------footer------------------------------------------------------------------- */
.contuct-us { padding-top: 30px; padding-bottom: 30px; }
.contuct-us ul { width: 834px; margin-left: auto; margin-right: auto; border-top: #cfa972 3px solid; padding-top: 10px; }
.contuct-us li { line-height: 28px; font-size: 18px; color: #333333; text-align: center; }