* {
  padding: 0;
  margin: 0;
  border: 0 none;
  /*box-sizing: border-box;*/
  /*color: #333333;*/
}

body,
html {
  height: 100%;
  width: 100%;
  position: relative; }

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  font: inherit;
  font-size: 100%; }

a {
  color: #333333;
}
ol,
ul {
  list-style: none; }

.aboutus {
  width: 1180px;
  margin: 54px auto;
  overflow: hidden; }
  .aboutus .nav {
    float: left;
   }
    .aboutus .nav ul {
      width: 280px;
      height: 250px;
      background-color: #FCFCFC; }
      .aboutus .nav ul li {
        height: 50px;
        text-align: center;
        line-height: 50px; }
      .aboutus .nav ul li.active {
        background-color: #e1f0fd;
        position: relative; }
        .aboutus .nav ul li.active .nav-arrow {
          position: absolute;
          right: 20px;
          top: 50%;
          width: 10px;
          height: 10px;
          border-top: 2px solid #2d89d8;
          border-right: 2px solid #2d89d8;
          transform: translateY(-50%) rotate(45deg); }
  .aboutus .main {
    margin-left: 91px;
    width: 809px;
    float: left; }
  .aboutus .main::after {
    clear: both;
    content: ''; }