@charset "utf-8";
/*about*/
.about{ width:1200px; overflow:hidden; zoom:1; margin: 20px auto 0;}
.about .nav{ width:220px; background:#fff; border:1px solid #e7e7e7; float: left;}
.about .nav ul{ overflow: hidden; zoom: 1; margin-top: 18px; margin-bottom: 8px; }
.about .nav ul a{ height:46px; line-height:46px; border-bottom:1px solid #f0f0f0; display:block; cursor: pointer; text-align: center;}
.about .nav ul a em{ width:20px; height:20px; display: inline-block; float: left; margin-top: 12px; margin-right: 8px; margin-left: 40px; display: none;}
.about .nav ul a em.i1{ background-position: -18px -42px;}
.about .nav ul a em.i2{ background-position: -18px -92px;}
.about .nav ul a em.i3{ background-position: -18px -142px;}
.about .nav ul a em.i4{ background-position: -18px -192px;}
.about .nav ul a em.i5{ background-position: -18px -241px;}

.about .nav ul a.hover em.i1,.about .nav ul a:hover em.i1{ background-position: -81px -42px;}
.about .nav ul a.hover em.i2,.about .nav ul a:hover em.i2{ background-position: -81px -92px;}
.about .nav ul a.hover em.i3,.about .nav ul a:hover em.i3{ background-position: -81px -142px;}
.about .nav ul a.hover em.i4,.about .nav ul a:hover em.i4{ background-position: -81px -192px;}
.about .nav ul a.hover em.i5,.about .nav ul a:hover em.i5{ background-position: -81px -241px;}

.about .nav ul a span{ font-size:15px; color:#888; display: inline-block; font-family: "Microsoft Yahei";}
.about .nav ul a:hover span,.about .nav ul a.hover span{ color:#fff;} 
.about .nav ul li a.hover,.about .nav ul li a:hover{background: #59c301;}

/*intro*/
.intro{ width: 850px; float:right; background:#fff; border:1px solid #e7e7e7; padding: 37px; _height:400px; min-height:400px;}
.intro h2{ font-size:26px; color:#555; text-align:center; height: 30px;font-weight: normal; line-height: 30px; padding-bottom: 16px; font-family: "Microsoft Yahei";}
.intro p{ color:#777; font-size:15px; line-height:30px; padding-top:15px; font-family: "Microsoft Yahei";}

.intro>ul{width: 100%; overflow: hidden;zoom:1;} 
.intro>ul li{float: left;  font-size:15px; line-height:30px; width: 33%; height: 30px;} 
.intro>ul li a{color: #777; display: block;}
.intro>ul li a:hover{color: #59c301;}
/*底部*/
 .fixed{position: fixed; bottom: 0px; width: 100%;}
