.body { margin-bottom: 65px; }

.banner { min-width: 1230px; height: 500px; text-align: center; color: #fff; overflow: hidden; text-shadow: 0px 1px 2px 0pxrgba 0, 0, 0, 0.15; background: #3a6dff url(../img/banner_bg1.png) no-repeat center center; }
.banner-title { font-size: 50px; letter-spacing: 3px; margin-top: 130px; }
.banner-subtitle { font-size: 26px; }

.section { padding-top: 35px; padding-bottom: 35px; }
.section-title, .section-subtitle { text-align: center; }
.section-title { font-size: 36px; margin-bottom: 0.5em; color: #464646; }
.section-subtitle { font-size: 20px; color: #666; margin-bottom: 1em; }
.section-content .desc { line-height: 3; color: #666; text-indent: 2em; }
.section-content .imgs { margin-top: 30px; margin-bottom: 100px; }
.section-content .tab-nav { padding-left: 70px; margin-top: 50px; margin-bottom: 40px; }
.section-content .tab-nav li { position: relative; float: left; width: 172px; height: 134px; margin: 0 20px; color: #3a6dff; text-align: center; }
.section-content .tab-nav li:after { content: ''; position: absolute; bottom: -50px; left: 50%; margin-left: -22px; border-left: 22px solid transparent; border-right: 22px solid transparent; border-bottom: 26px solid #eef2ff; display: none; }
.section-content .tab-nav li .icon { display: block; width: 60px; height: 60px; margin: 25px auto 10px; background: url(../img/design_normal.png) no-repeat center center; }
.section-content .tab-nav li .icon-design { background-image: url(../img/design_normal.png); }
.section-content .tab-nav li .icon-plan { background-image: url(../img/plan_normal.png); }
.section-content .tab-nav li .icon-service { background-image: url(../img/customer_service_normal.png); }
.section-content .tab-nav li .icon-project { background-image: url(../img/project_normal.png); }
.section-content .tab-nav li .icon-technology { background-image: url(../img/technology_normal.png); }
.section-content .tab-nav li.active { background: #3a6dff; color: #fff; }
.section-content .tab-nav li.active:after { display: block; }
.section-content .tab-nav li.active .icon-design { background-image: url(../img/design_hover.png); }
.section-content .tab-nav li.active .icon-plan { background-image: url(../img/plan_hover.png); }
.section-content .tab-nav li.active .icon-service { background-image: url(../img/customer_service_hover.png); }
.section-content .tab-nav li.active .icon-project { background-image: url(../img/project_hover.png); }
.section-content .tab-nav li.active .icon-technology { background-image: url(../img/technology_hover.png); }
.section-content .tab-panel { position: relative; min-height: 200px; padding: 30px 40px 0; background-color: #f3f6ff; display: none; }
.section-content .tab-panel.on { display: block; }
.section-content .tab-panel:before { content: ''; position: absolute; top: 30px; bottom: 30px; left: 285px; width: 1px; background-color: #d2d2d2; }
.section-content .tab-panel-lft { float: left; width: 245px; }
.section-content .tab-panel-lft .title { font-size: 26px; margin-top: 5px; }
.section-content .tab-panel-lft .subtitle { font-size: 20px; color: #3a6dff; }
.section-content .tab-panel-rgt { margin-left: 300px; font-size: 20px; line-height: 1.8; color: #999; }
.section-content .tab-panel-rgt p { text-indent: 2em; letter-spacing: 1px; }

/*# sourceMappingURL=about.css.map */