.mainTheme{ width: 1200px; position: relative; margin-top: 35px; padding-bottom: 85px;}
.mainTheme2{ margin-top: 0;}
.mainTheme3{ width: 100%; display: table;}

menu.naviGation{ float: left; width: 220px;}
menu.naviGation .navTit{ width: 100%; background-color: #003f88; padding: 38px 0 38px 30px; box-shadow: 0 4px 0px #17B261; margin-bottom: 4px;
  box-sizing: border-box;
 -moz-box-sizing: border-box;}
menu.naviGation .navTit h3{ font-size: 24px; color: #fff;}
menu.naviGation .navTit span{ display: block; color: #fff; text-transform: uppercase; margin-top: 1px;}
menu.naviGation a{ display: block; width: 100%; height: 48px; line-height: 48px; padding-left: 30px; font-size: 15px; color: #666666; position: relative; z-index: 0;
  box-sizing: border-box;
 -moz-box-sizing: border-box;
  background-color: #F8F8F8;}
menu.naviGation a i{ display: inline-block; margin-right: 10px; font-size: 20px; vertical-align: top; color: #F8F8F8;}
menu.naviGation a:before{position: absolute; content: ''; left: 0; top: 0; width: 0%; height: 100%; z-index: -1; background-color: #003f88;
 transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s;}
menu.naviGation a.on,
menu.naviGation a:hover{ color: #fff;}
menu.naviGation a.on:before,
menu.naviGation a:hover:before{ width: 100%;}

aside.topNav{ width: 100%; display: table; border-bottom: 1px solid #E2E2E2; padding-bottom: 15px;}
aside.topNav .lfTit{ float: left;}
aside.topNav .lfTit strong,
aside.topNav .lfTit em{ display: inline-block; vertical-align: text-bottom; margin-right: 5px; text-transform: uppercase;}
aside.topNav .lfTit strong{ font-size: 18px; color: #363636;}
aside.topNav .lfTit em{ font-size: 13px; font-family: arial; color: #999999;}

aside.topNav .riTit{ float: right; margin-top: 7px;}
aside.topNav .riTit a{ display: inline-block; margin-right: 20px; font-size: 13px; color: #999999; position: relative;} 
aside.topNav .riTit a:after{ position: absolute; right: -16px; top: 0;}
aside.topNav .riTit a:last-child:after{ display: none;}
aside.topNav .riTit a.on,
aside.topNav .riTit a:hover{ color: #10492D;}
 
.archiTects{ float: right; width: 900px; padding-right:20px;}





div.intRoduce{ width: 100%; display: table; margin-top: 10px; min-height:350px; padding-bottom:100px;}
div.intRoduce article{ text-align:justify; line-height:28px; font-size: 13px; color: #363636; margin-top:20px; }
div.intRoduce article h3{ font-size: 18px; color: #10492D; border-bottom:2px solid #10492D; margin-top: 22px; padding-bottom: 22px; font-weight: bold;}
div.intRoduce article p{}
div.intRoduce figure{ float: right; width: auto;}
div.intRoduce img{ max-width:800px;}

div.theOldtree{ width: 100%; display: table; margin-top: 60px;}
div.theOldtree article.treeTit{ width: 100%; text-align: center;}
div.theOldtree article.treeTit h3{ font-size: 23px; color: #10492D; font-weight: bold; margin-top: 10px;}
div.theOldtree article.treeTit i{ display: inline-block; width: 30px; height: 2px; background-color: #10492D;}
div.theOldtree p{ margin-top: 25px; font-size: 13px; line-height: 1.8; color: #363636; text-indent: 2em;}

div.compCreate{ width: 100%; display: table;}
.pendent{ min-width: 54px; background-color: #10492D; color: #fff; font-size: 13px; display: table; margin: 30px 0; padding: 2px 10px; border-right: 6px solid #17B261; text-align: center;}