body                            {font-family:'avenir';color:#333333;margin:0px;padding:0px;width:auto;font-size:1.4em;-webkit-text-size-adjust:none}

/*header*/
.header                         {background-color:#04B4AE;height:5vh;position:fixed;top:0;width:100%;}
.header:after                   {content:"";display:block;clear:both;}
.header .header-1               {float:left;height:100%;}
.header .header-1 a             {text-decoration: none;padding:10px;font-weight:bold;;color:#ffffff;}
.header .header-1 a             {font-size:3vw;}
.header .header-2               {float:right;}
.header .header-2 a             {text-decoration: none;padding:7px;color:#ffffff;}
.header .header-2 a             {font-size:3vw;}
.header .header-2 p.vw          {font-size:15px;}

/*box1*/
.box1                           {width:100%;height:4vh;border-bottom:solid 1px #C0C0C0;padding-top:6vh;margin-bottom:1vh;}
.box1 .box1-l                   {width:48%;margin:0px;padding:0px;float:left;}
.box1 .box1-l p                 {color:#808080;font-size:4vw;margin:0px;padding:0px;vertical-align: bottom;}
.box1:after                     {content:"";display:block;clear:both;}


/*box2*/
.box2                           {width:80%;margin-left:auto;margin-right:auto;}
.box2 h5                        {margin-top:10%;margin-bottom:10%;color:#0099ff;}
.box2 h6                        {color:#808080;margin-top:5%;margin-bottom:5%;}
.box2 p                         {font-size:3vw;margin-top:5%;margin-bottom:5%;}


/*box3*/
.box3                           {width:80%;margin-left:auto;margin-right:auto;margin-bottom:80px;}
.box3:after                     {content:"";display:block;clear:both;}
.box3 .box3-1                   {width:100%;height:13%;margin-left:auto;margin-right:auto;margin-top:3%;margin-bottom:3%;background-image:url(../pic/aboutceo.jpg);background-repeat:no-repeat;background-size:cover;float: left;text-align: center;color:#ffffff;}
.box3 .box3-2                   {width:100%;height:13%;margin-left:auto;margin-right:auto;margin-top:3%;margin-bottom:3%;background-image:url(../pic/aboutname.jpg);background-repeat:no-repeat;background-size:cover;float: left;text-align: center;color:#ffffff;}
.box3 .box3-3                   {width:100%;height:13%;margin-left:auto;margin-right:auto;margin-top:3%;margin-bottom:3%;background-image:url(../pic/office.jpg);background-repeat:no-repeat;background-size:cover;float: left;text-align: center;color:#ffffff;}
.box3 .box3-4                   {width:100%;height:13%;margin-left:auto;margin-right:auto;margin-top:3%;margin-bottom:3%;background-image:url(../pic/aboutaccess.jpg);background-repeat:no-repeat;background-size:cover;float: left;text-align: center;color:#ffffff;}
.box3 .box3-5                   {width:100%;height:13%;margin-left:auto;margin-right:auto;margin-top:3%;margin-bottom:3%;background-image:url(../pic/abouthr.jpg);background-repeat:no-repeat;background-size:cover;float: left;text-align: center;color:#ffffff;}

/*footer*/
.footer                         {background-color:#04B4AE;width: auto;height:5%;margin-top:50px;position:fixed;bottom:0px;width:100%;}
.footer .footer-left p          {float:left;font-size:2vw;color: #FFFFFF;}
.footer .footer-right p         {float:right;font-size:2vw;color: #FFFFFF;}