.top{ width: 100%; height: 170px; background: url(../images/topbg.png) ; }
.logo{text-align: center; padding-top:35px; height: 120px; box-sizing: border-box;}
.nav{ width: 100%; height: 50px; background: #f7f7f7; text-align: center; }
.nav ul li{ width: 80px; height: 48px; line-height: 50px; border-bottom: 3px solid #f7f7f7; display: inline-block; margin:0 30px; position: relative;}
.nav ul li a{ color: #5f5d72; }
.nav ul li:hover{ border-bottom: 3px solid #5f5d72; }

.nav .panel{z-index:9999;position:absolute;width:80px; display:none; top: 48px;}
.nav .panel li{width:80px;height:30px;text-align:center; float: left; background: rgba(0,0,0,.4); line-height:24px; font-size:14px; margin:0 auto; border-bottom: 1px solid #fff;}
.nav .panel li:hover{ border-bottom: 1px solid #fff;}
.nav .panel li:last-child{ border-bottom: none; }
.nav .panel li a{color:#fff; width:80px; height:30px; line-height: 30px; display:block; margin:0 auto;}
.nav .panel li a:hover{background:rgba(0,0,0,.6);}
.footer{ overflow: hidden; }
.footernavbox{ width: 100%; height:150px; background: #f5f5f5;}
.footernav{ width: 996px; padding: 40px 0; margin:0 auto; }
.footernav img{ float: left; }
.footernav .xxxx{ float: right; color: #999; text-align: right; line-height: 24px; }
.xxxx .footnav{ display: block; overflow: hidden; }
.xxxx .footnav li{display: inline-block; }
.copyrightbox{ width: 100%; height: 40px; background: #e5e5e5; }
.copyright{ width: 700px; margin:0 auto; line-height: 40px; color: #999 }

.about{ width: 1000px; margin:0 auto; overflow: hidden; }
.about-title{ width: 1000px; margin:0 auto; border-bottom: 2px solid #5f5d72; color: #5f5d72; font-size: 20px; text-align: left; line-height: 40px; margin-top: 20px; }
.teamperson{ float: left; text-align: center; margin:80px 6px; max-width: 154px; }
.teamperson img{ width: 154px; height: 342px; }
.teamperson div{ padding:15px 0; }
.teamperson div b,.teamperson div small{ display: block; }
.teamperson div b{ font-size: 20px; color: #333; }
.teamperson div small{ font-size: 14px; color: #151515; }
.yanhan{ text-align: center; background: url(../images/topbg.png) no-repeat center center; padding:40px 0; }
.yanhan img{  width: 260px; height: 365px; display: block; margin:0 auto; }
.yanhan b{ display: block; color: #5f5d72; font-size: 20px; line-height: 40px; }
.yanhan p{ font-size: 14px; color: #333; line-height: 24px; }
.firm{ text-align: left; line-height: 40px; text-indent: 2em; padding:80px 0; }
.case{ text-align: left; padding:40px 0; }
.case ul li{ float: left; width: 294px; height: 215px; margin-right: 58px; margin-bottom: 40px; }
.case ul li:nth-child(3n){margin-right: 0;}
.case ul li div{ padding:10px 0 5px; border-bottom: 2px solid #d8d8d8; }
.case ul li div b,.case ul li div small{ color: #333; display: block; line-height: 20px; }
.case ul li img { width: 294px; height: 166px; transition: all 1s ease; }
.case ul li:hover img{ transform:scale(1.1); }
.join img{ padding:40px 0; }
.join .join-title{ font-size: 20px; color: #181250; line-height: 28px; font-weight: bold; padding-bottom: 40px; }
.join .join-stitle{ padding-bottom: 40px; font-size: 16px; color: #151515; display: block; }
.join ul li{ line-height: 28px; padding-bottom: 30px; display: block; }
.join ul li b{ color: #000; display: block; }
.join ul li span{ color: #151515; display: block; }
.contact{ text-align: center; }
.contact big{ color: #5f5d72; padding-bottom: 30px; display: block;}
.contact p{ color: #5f5d72; line-height: 24px; }
.case_detail{ padding:20px 0 40px; width:1200px; margin: 0 auto; overflow: hidden; text-align:center; }
.case_detail img{ max-width: 1200px; }