﻿/* 全局基础 */
* { margin: 0; padding: 0; box-sizing: border-box; }
.container {max-width: 1230px; margin: 0 auto;}
.clear{clear:both;overflow:hidden;}
a{color:#000;text-decoration:none;}                                            
a:hover{color:#008aff;}

/* 顶部导航栏 - 已收紧间距 + 修复子菜单居中 */
.header1{background-color: #fff;}
@media (min-width:1000px) {
.document-flow{position: absolute;z-index: 999;right: 0;left: 0;top:0px;}
.top-bg{width: 100%;}
.header1 .logo{margin:15px 0;display:block}
.header1 .nav-toggle{display:none}
.logo img{height: auto;width:70%;padding-top: 10px;}
.logo .invest{font-size: 24px;line-height:1.5;}

/* 1. 导航整体重置 */
.nav > ul { margin: 0; padding: 0; list-style: none; }

/* 2. 主菜单 - 收紧间距 */
.nav>ul>li{
  float:left;
  text-align:center;
  line-height:80px;
  width: auto !important;
  padding: 0 8px !important;
  margin: 0 !important;
  position: relative;
}

/* 3. 导航文字 - 收紧字间距 */
.nav>ul>li>a{
  color:#fff;
  font-size:18px;
  letter-spacing: 1px;
  white-space: nowrap;
}

/* 4. 修复：子菜单与主菜单居中对齐 */
.nav>ul>li>ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 180px !important;
  background-color: rgb(0, 138, 255);
  z-index: 2;
}

/* 5. 修复：子菜单箭头居中 */
.nav> ul > li > ul::before {
  display: block;
  position: absolute;
  top: -8px;
  left: 50% !important;
  transform: translateX(-50%) !important;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgb(0, 138, 255);
}

/* 原有样式保留 */
.nav >ul>li.current >a,.nav >ul>li> a:hover{background:url(../images/aa.jpg)no-repeat bottom;padding-bottom: 10px;}
.nav li:hover> ul{display:block;}
.nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:50px} 
.nav ul li ul li a:hover{text-decoration:none;color:#fff;background:rgba(255,126,0,1);}
.nav ul li{position:relative;}      
.nav ul li .arrow{display:none}
.nav ul li ul li ul{left:100%!important;top:0px; display:none;}
}

/* 移动端导航样式 */
@media (max-width:1000px) {
.header1 {padding:0px 0;}
.header1 .logo{line-height:60px;text-align:left;}
.header1 .logo img{height:auto;width:auto;max-width:200px;}
.header1 .nav-toggle{position:absolute;right:0px;top:0;font-size:30px;color:#666;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;}
.header1 .nav-toggle.active{color:#ccc;}
.topcoms .col-xs-12{padding:0 0;}
.document-flow{background-color: #fff;}
.logo .invest{font-size: 18px;line-height: 1.5;}
.home-headline{margin:30px 0;}
.home-headline span{font-size: 20px;font-size: 17px;color: rgb(60, 123, 126);letter-spacing: 2px;}
.nav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto;padding-left: 0;padding-right: 0;}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;}
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:#eeeeee}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.nav ul li.current > a{color:#5a342b;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
.gotoptop_icon{display:none!important;}
}

/* 你原有的其他样式，全部保留不动 */
@media (min-width:1000px){
.pageareaTop{padding:100px 15px 80px;}
.pageArea .title{padding:30px 0;}
.pageArea p{font-size:15px;line-height:2;padding-bottom:30px;}
.pageArea .pagemore a{height:40px;line-height:40px;width:120px;}
.pageArea .font1{padding-right:60px;}
.pageArea .font2{padding-left:60px;}
.business-bg{padding: 100px 0 250px;}
.business-bg p{padding-bottom:4px;}
.business-bg .titles{font-size:30px;}
.homemores{margin-top:30px;}
.partners .col-md-5{padding-left:0;}
.partners-bg .boxs .titles{padding:25px 0 10px;font-size: 30px;}
.partners-bg .boxs  p{padding-bottom:6px;}
.partners-bg .boxs li{padding:5px 0;}
.partners-bg .boxs li img{padding-right:20px;}
.partners{position:relative;top: -150px;margin-bottom: -130px;}
.addruirui{padding: 30px 0 80px;}
.addruirui .service{padding: 0;}
.addcontact .service{padding: 30px 0;}
footer{margin-top: 80px!important;}
.addhead{margin-right: -5px;}
}
@media (max-width:1000px) {
.pageareaTop{padding:30px 15px 10px;}
.pageArea .title{padding:10px 0;}
.pageArea p{padding-bottom:8px;}
.pageArea .pagemore a{height:30px;line-height:30px;width:80px;}
.business-bg{padding: 20px 0;}
.business-bg p{font-size:13px;}
.partners-bg{padding:20px 0;}
.partners-bg .boxs .titles{padding:20px 0 10px;font-size: 20px;}
.partners-bg .boxs li{padding:4px 0;font-size:13px;}
.partners-bg .boxs li img{padding-right:6px;}
.partners-bg .boxs p{font-size:13px;}
.business-bg .titles{font-size:20px;}
.homemores{margin-top:20px;}
.addruirui .pageareaTop{padding: 0 15px 10px;}
.addcontact p{margin-bottom: 10px!important;margin-left: 0!important;}
footer{margin-top: 40px!important;}
.addarea-bg{padding-bottom:40px;}
}
.pageArea .pagemore{margin-top:10px;}
.pageArea .pagemore a{color:#fff;background-color:#008aff;transition:.3s linear;display:inline-block;text-align:center;}
.pageArea .pagemore a:hover{background-color: rgba(255,126,0,1);}
.area-bg{background-color:#f4f5f9;}
.addarea-bg{margin-bottom: -80px;}
.business-bg{background:url(../images/business-bg.jpg) no-repeat center fixed;}
.years-box li{color:#fff;text-align:center;}
.years-box li .title{font-weight:bold;position: relative;display: inline-block;}
.years-box li .title::after{display:inline-block;}
.years-box li:first-child .title::after{content:"个";}
.years-box li:nth-child(2) .title::after{content:"件";}
.years-box li:nth-child(3) .title::after{content:"个";}
.years-box li:nth-child(4) .title::after{content:"+";}
.years-box li .title:hover .animateNum{color:#008aff;}
@media (min-width:1000px){
.years-box{padding:70px 0 0px;}
.years-box li .title{font-size: 46px;}
.years-box li .title::after{position:absolute;right: -20px;bottom: 14px;font-size:14px;}
.years-box li p{font-size: 18px;}
}
@media (max-width:999px) and (min-width:415px){ 
.years-box{padding:60px 0;}
.years-box li .title{font-size: 30px;}
.years-box li .title::after{position:absolute;right: -20px;bottom: 10px;font-size:14px;}
.years-box li p{font-size: 16px;}
}
@media (max-width:414px){   
.years-box{padding:30px 0;}
.years-box li{padding-left: 0;padding-right: 0;}
.years-box li .title{font-size: 20px;}
.years-box li .title::after{position:absolute;right: -14px;bottom: 6px;font-size:10px;font-weight:normal;}
.years-box li p{font-size: 10px;}
}
.partners-bg{background-color:#f4f5f9;overflow:hidden;}
.homemores a{color:#fff;height:35px;line-height:35px;width:80px;text-align:center;border-radius:4px;display: inline-block;}
.homemores a.more1{background-color:#008aff;transition: .3s linear;}
.homemores a.more2{background-color:#ff7e00;transition: .3s linear;margin-left: 20px;}
.homemores a.more1:hover{background-color:#54aefb;}
.homemores a.more2:hover{background-color:#f3983e;}


