@charset "utf-8";



/* 添加这个CSS来解决锚链接定位问题 */

html {

  scroll-padding-top: 58px; /* 根据头部高度调整 */

}



@media (max-width: 768px) {

  html {

    scroll-padding-top: 80px; /* 移动端可能需要调整 */

  }

}a{text-decoration:  none;}

.wrapper{max-width: 1542px;margin: 0px auto;}

       /* 基础样式 */        * {margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}

body {line-height:1.6;color:#333;background-color:#fff;font-size: 16px;}

li,ul,ol{padding: 0px;margin: 0px;list-style: none;}

h1,h2,h3,h4,h5{padding: 0px;margin: 0px;font-weight: normal;}

/* 头部样式 */ 

header {background-color:#ecf1f4;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;transition:all 0.3s ease;padding: 10px 0px;}

header.blurred {backdrop-filter:blur(10px);background-color:rgba(236, 241, 244, 0.9);}

.header-container {display:flex;justify-content:space-between;align-items:center;padding:0px 11px;max-width:1542px;margin:0 auto;}

.logo-section {display:flex;align-items:center;}

.logo {height:64px;margin-right:15px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:14px;}

.logo  img{width: auto;height:61px;}





/* 导航菜单样式 */        nav ul {display:flex;list-style:none;}

nav ul li {margin-left:42px;}

nav ul li a {text-decoration:none;color:#333;font-weight:500;transition:color 0.3s;position:relative;font-size:20px;display:inline-block;}

nav ul li a:hover {color:#0048a6;}

nav ul li a::after {content:'';position:absolute;width:0;height:3px;bottom:-12px;left:0;background-color:#0048a6;transition:width 0.3s;}

nav ul li a:hover::after {width:100%;}

nav ul li a.active {color:#0048a6;}

nav ul li a.active::after {width:100%;}



/* 移动端菜单按钮 */        .menu-toggle {display:none;flex-direction:column;cursor:pointer;}

.menu-toggle span {height:3px;width:25px;background-color:#0065b1;margin-bottom:4px;border-radius:2px;transition:all 0.3s;}

.padding{padding-top: 50px;}

/* 轮播图样式 */   

       .carousel-container {position:relative;max-width:1920px;        margin:0 auto 0px auto;overflow:hidden;}

.carousel-track {display:flex;transition:transform 0.5s ease;height:auto;/* 高度自适应 */}

.carousel-slide {min-width:100%;height:auto;position: relative;}

.carousel-slide .texta{height: 100%;width: 100%;display: flex;justify-content: center;align-items:center;position: absolute;flex-flow: column;color: #fff;text-shadow:1px 1px 3px rgba(0,0,0,0.7);}

.carousel-slide  h2{color: #fff;padding-bottom: 22px;font-size: 53px;}

.carousel-slide  p{font-size: 22px;}

.carousel-slide img {width:100%;height:auto;display:block;/* 去除图片底部间隙 */}

/* 指示器样式 */        .carousel-indicators {position:absolute;bottom:37px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10;}

.indicator {width:34px;height:8px;border-radius:3px;background-color:rgba(255,255,255,0.35);cursor:pointer;transition:background-color 0.3s ease;}

.indicator.active {background-color:white;width: 57px;height: 8px;}



.bg{background: #f0f6fb;}



/*公司介绍*/

.title1{font-size: 32px;color: #0045a0;margin-bottom:22px;}

.title1 span{font-size: 14px;color: #666666;display: block;font-weight: normal;}

.about{display: flex;justify-content: space-between;margin-top: 20px;}

.about .left{width: 43%; }

.about .right img{width: 100%; height: 90%;object-fit: cover;border-radius: 27px;}

.about .right {width:54%;margin-top: 20px;}

h3{font-size: 28px;color: #0045a0;}

.about li{background: url(../images/2.png) no-repeat left 32px;padding: 22px 0px 22px 38px;}

.about  ul{padding-top: 22px;}

.aboutuspadding{padding: 22px 0px 60px 0px;}

.about .content{background: #fff;border-radius: 27px;padding: 22px;}



/*核心优势*/

.paddingwhite{padding: 42px 22px 52px 22px;}

.title2{text-align: center;font-size: 36px;color: #0045a0;margin-bottom: 22px;}

.title2 span{border-bottom: 6px  solid #0045a0;padding-bottom: 22px;}

.text{padding-bottom: 38px;padding-top: 38px; max-width: 1000px;margin: 0px auto;text-align: center;}

.hexinyoushi{display: flex;flex-wrap: wrap;justify-content: space-between;gap:48px;padding-top: 38px;}

.hexinyoushi li{width: 43%;display: flex;align-items: center;}

.hexinyoushi img{height: 130px;width:auto;flex-shrink: 0;}



.hexinyoushi .con{margin-left: 38px;}

.hexinyoushi h3{color: #333;}







/*全心相伴*/

.quanxinpeiban {

display:flex;justify-content: space-between; gap: 27px;padding: 60px 0px 20px 0px;flex-wrap: wrap;}

.quanxinpeiban li {box-sizing: border-box;padding: 15px;font-size: 17px;flex:1 1 23%;}

.quanxinpeiban li img{width: 100%;height: auto;margin-bottom:10px;border-radius:27px;}

.quanxinpeiban  h4{margin:0 0 8px 0;font-size:28px;}



.borderhuitop{border-top:1px solid #efefef;}



/*品牌介绍*/

.pinpaijieshao {

display:flex;justify-content: space-between;padding: 30px 0px 20px 0px;}

.pinpaijieshao  li {box-sizing: border-box;padding: 15px;font-size: 17px;width: 32%;}

.pinpaijieshao  li img{width: 100%;height: auto;margin-bottom:10px;border-radius:27px;}

.pinpaijieshao   h4{margin:0 0 8px 0;font-size:28px;text-align: center;}



.pinpaijieshao2  {display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 38px;gap:45px;padding-bottom: 22px;}

.pinpaijieshao2   li{flex:1;display: flex;align-items: center;}

.pinpaijieshao2  img{height: 130px;width:auto;flex-shrink: 0;}

.pinpaijieshao2   .con{margin-left: 16px;}

.pinpaijieshao2 h3{color: #333333;}



/*品牌价值观*/

.pinpaijiazhiguan {display: flex;justify-content: space-between;padding-bottom: 48px;}

.pinpaijiazhiguan  .left{width: 384px;}

.pinpaijiazhi  {display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 38px;gap:58px;padding-bottom: 22px;flex-direction: column;}

.pinpaijiazhi   li{flex:1 1  auto;display: flex;align-items: center;}

.pinpaijiazhi  img{height: 110px;width:auto;flex-shrink: 0;}

.pinpaijiazhi   .con{margin-left: 16px;}

.pinpaijiazhi h3{color: #333333;padding-bottom: 6px;}

.pinpaijiazhiguan  .right{flex:1;margin-left: 48px;display: flex;justify-content: space-between;gap:22px;}

.pinpaijiazhiguan .rightlist{display: flex;justify-content: space-between;padding-top: 58px;width: 29%;}

.pinpaijiazhiguan  .rightlist  li{width: 100%;display: flex;flex-direction: column;justify-content: space-between;}

.pinpaijiazhiguan  .rightlist h4{font-size: 28px;margin-bottom: 10px;}

.pinpaijiazhiguan  .rightlist  p{font-size: 18px;margin-bottom: 32px;}

.pinpaijiazhiguan   .rightlist  span{display: inline-block;background: #0045a0;border-radius: 8px;padding: 11px 25px;color: #fff;}

.pinpaijiazhiguan   .rightlist .xia{margin-top: 58px;}

.pinpaijiazhiguan   .rightlist .xia img{width: 100%;height: auto;}

.pinpaijiazhiguan    .two li{flex-direction:column-reverse;}

.pinpaijiazhiguan    .two .xia{padding-top: 0px;padding-bottom: 58px;margin-top: -20px;}

.pinpaijiazhiguan    .two span{margin-bottom: 10px;}

.text2{width:93%;margin: 0px auto;text-align: center;}

.text3{text-align: center;font-size: 28px;padding: 28px 0px;}

.text4{font-size:18px;text-align: center;}



/*我们的服务*/



 

        .tab-header{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:40px;justify-content: center;padding-top: 22px;}

       .tab-item{padding:10px 0;font-size:28px;font-weight:500;color:#333;cursor:pointer;border-bottom:5px solid #fff;transition:all 0.3s ease;margin-right:40px;display:inline-block;text-align:center;position:relative;}

.tab-item.active{color:#0045a0;border-bottom:5px solid #0045a0;}

        .tab-content{display:none;}

        .tab-content.active{display:block;}

        .func-btn-group{display:flex;gap:35px;margin-bottom:15px;flex-wrap:wrap;justify-content: center;}

        .func-btn{padding:12px 20px;background-color:#0045a0;color:#fff;border-radius:8px;font-size:20px;border:none;white-space:nowrap;}

        .desc-text{font-size:14px;color:#666;line-height:1.6;}

.text5{padding: 16px 0px;font-size: 18px;text-align: center;}

.sevice{display: flex;justify-content: space-between;padding-top: 38px;}

.sevice .content{width: 48%;background: #f0f6fb;}

#sevice2 .content{width: 31%;background: #f0f6fb;}

.sevice h4{height: 122px;background: url(../images/36.png) no-repeat;background-size: cover;font-size: 28px;color: #fff;display: flex;justify-content: center; flex-direction: column;padding-left: 38px}

.sevice h4 span{font-size: 18px;display: block;}



.sevice-list li{background: url(../images/31.png) no-repeat left 32px;padding: 22px 0px 22px 38px;}

.sevice-list{padding: 12px 22px 12px 22px;}

.sevice-list h5{font-size: 20px;}

.text6{padding: 43px 0px;font-size: 18px;text-align: center;}











/*合规运营*/

.heguiyunying{display: flex;justify-content: space-between;flex-wrap: wrap;}

.heguiyunying li{width: 27%;text-align: center;padding-bottom: 58px;}

.heguiyunying h4{color: #333;font-size: 28px;padding-bottom: 11px;}



/*版权*/

.footer{background: #1c2b3f;min-height: 100px;padding: 22px 0px;}



.title3{text-align: center;font-size: 36px;margin-bottom: 22px;color: #fff;}

.title3 span{border-bottom: 6px  solid #fff;padding-bottom: 22px;color: #fff;}

.footer .vx{display: flex;justify-content: center;color: #fff;padding: 46px 0px;gap:100px;margin-right:-15px;}

.footer ul{display: flex;justify-content: space-between;text-align: center;gap:80px;}

.footer ul img{border: 12px solid #fff;border-radius: 12px; height: 150px;width: auto;}



.footer  p{display: flex;align-items: center;}

.footer  img{margin-right: 12px;}

.footer a{color: #fff;}

.footer a:hover{color: #7fc033;}

.footer .bq img{height: 16px;width: auto;margin-right: 2px;vertical-align: middle;margin-top: -1px;}

.contact{border-top:1px solid #313f51;text-align: center;font-size: 14px;color: #fff;padding: 42px 0px;}

.contact h5{font-size: 20px;padding-bottom: 42px;}

.contact h4{font-size: 20px;}

.contact  h6{font-size: 16px;font-weight: normal;text-align: center;display: flex;justify-content: center;margin-bottom: 26px;}

.contact  h6 p{padding: 0px 22px;}

.contact  h6 img{height: 20px;width: auto;}

/*右边联系方式*/

.rightcontact{position: fixed;bottom:0px;right: 20px;z-index: 9999;transform: scale(0.83);}

.rightcontact ul{width: 120px;}

.rightcontact li{height: 120px;margin-bottom: 12px;border-radius: 18px;background: #0045a0;font-size:20px;display: flex;align-items: center;flex-direction: column;justify-content: center;color: #fff;position: relative;}

#back{background: #1c2b3f;}

.rightcontact a{color:#fff;}

.rightcontact a{display: flex;justify-content: center;align-items: center;flex-direction: column;}

.rightcontact  div{position: absolute;display: none;}

.rightcontact li:hover div{display: flex;left:-160px;background: #0045a0;height:120px;width: 180px;border-radius:18px 0px 0px 18px;top:0px; align-items: center;padding-left: 12px;}

.rightcontact li:hover div img{width: 100px;height: auto;border-radius: 18px;margin: 8px;border:8px solid #fff;background: #fff;}



.rightcontact .icon{height: 43px;}















/* 响应式设计 */   

@media (max-width:1660px) {

		.wrapper{padding-left:16px;padding-right: 16px;}

}







@media (max-width:1460px) {

.about .right img{ height: 100%;}





.pinpaijieshao2  img{height: 80px;}



	

	

}













@media (max-width:1024px) {



	.header-container {flex-wrap:wrap;}

.menu-toggle {display:flex;}

	#header{top: -2px;}

nav {width:100%;max-height:0;overflow:hidden;transition:max-height 0.3s ease;}

nav.active {min-height:400px;}

nav ul {flex-direction:column;padding:20px 0;}

nav ul li {margin:10px 0;}

	nav ul  a{display: block;}

	



	

	

	

.wrapper{max-width: 1000px;margin: 0px auto;}

       /* 基础样式 */     

body {line-height:1.6;font-size: 16px;}

/* 头部样式 */        header {position:sticky;top:0;z-index:1000;}

.header-container {display:flex;justify-content:space-between;align-items:center;padding:0px 11px;max-width:1496px;margin:0 auto;}

.logo-section {display:flex;align-items:center;}

.logo {height:64px;margin-right:15px;display:flex;align-items:center;justify-content:center;font-size:14px;}

.logo  img{height:34px;}

.site-name {display:flex;flex-direction:column;}

.site-name h1 {font-size:24px;margin-bottom:0px;}

.site-name p {font-size:14px;}



/* 导航菜单样式 */     

/* 移动端菜单按钮 */      

/* 轮播图样式 */   

       .carousel-container {position:relative;max-width:1920px;        margin:0 auto 0px auto;overflow:hidden;}

.carousel-track {display:flex;transition:transform 0.5s ease;height:auto;}

.carousel-slide {min-width:100%;height:auto;position: relative;}

.carousel-slide .text{height: 100%;width: 100%;display: flex;justify-content: center;align-items:center;position: absolute;flex-flow: column;}

.carousel-slide  h2{padding:0px 11px 22px 11px;text-align: center;font-size: 18px;}

.carousel-slide  p{font-size: 13px;text-align: center;}

.carousel-slide img {width:100%;height:auto;display:block;}

/* 指示器样式 */        .carousel-indicators {position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10;}

.indicator {width:34px;height:3px;border-radius:3px;}

.indicator.active {width: 57px;height: 3px;}





	

	















/*公司介绍*/

.title1{font-size: 26px;margin-bottom:22px;}

.title1 span{font-size: 14px;}

.about{display: flex;justify-content: space-between;margin-top: 11px;flex-direction: column;padding: 0px 20px;}

.about .left{width: 100%;}

.about .right {width:100%;margin-top: 20px;}

h3{font-size: 22px;}

.about li{padding: 6px 0px 6px 28px;}

	.about li{background: url(../images/2.png) no-repeat left 15px;}

.about  ul{padding-top: 6px;}

.aboutuspadding{padding: 11px 0px 20px 0px;}

.about .content{padding: 22px;}



/*核心优势*/

.paddingwhite{padding: 42px 22px 52px 22px;}

.title2{font-size: 29px;margin-bottom: 22px;}

.title2 span{border-bottom: 3px  solid #0045a0;padding-bottom: 12px;}

.text{padding-bottom: 18px;padding-top: 38px; max-width: 1000px;margin: 0px auto;}

.hexinyoushi{display: flex;flex-wrap: wrap;justify-content: space-between;gap:38px;padding-top: 38px;flex-direction: column;}

.hexinyoushi li{width: 100%;display: flex;align-items: center;}

.hexinyoushi img{height: 100px;width:auto;}

.hexinyoushi .con{margin-left: 38px;}



/*全心相伴*/

.quanxinpeiban {display:flex;justify-content: space-between;gap: 27px;padding: 10px 0px 0px 0px;flex-wrap: wrap;}

.quanxinpeiban li {padding: 10px;font-size: 16px;flex:300px 1 1;}

.quanxinpeiban  h4{font-size:22px;}



/*品牌介绍*/

.pinpaijieshao {display:flex;justify-content: space-between;padding: 0px 0px 20px 0px;flex-direction: column;}

.pinpaijieshao  li {padding: 15px;font-size: 17px;width: 100%;}

.pinpaijieshao   h4{font-size:22px;}



.pinpaijieshao2  {display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 8px;gap:45px;padding-bottom: 22px;flex-direction: column;}

.pinpaijieshao2   li{flex:1;display: flex;align-items: center;}

.pinpaijieshao2  img{height: 100px;width:auto;}

.pinpaijieshao2   .con{margin-left: 16px;}



/*品牌价值观*/

.pinpaijiazhiguan {display: flex;justify-content: space-between;padding-bottom: 48px;flex-direction: column;}

.pinpaijiazhiguan  .left{width: 100%;}

.pinpaijiazhi  {display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 38px;gap:58px;padding-bottom: 22px;flex-direction: column;}

.pinpaijiazhi   li{flex:1 1  auto;display: flex;align-items: center;}

.pinpaijiazhi  img{height: 110px;width:auto;}

.pinpaijiazhi   .con{margin-left: 16px;}

.pinpaijiazhi h3{padding-bottom: 6px;}

.pinpaijiazhiguan  .right{flex:1;margin-left: 0px;display: flex;justify-content: space-between;gap:22px;flex-direction: column;}

.pinpaijiazhiguan .rightlist{display: flex;justify-content: space-between;padding-top: 20px;width: 100%;}

.pinpaijiazhiguan  .rightlist  li{width: 100%;display: flex;justify-content: space-between;flex-direction: column-reverse;}

.pinpaijiazhiguan  .rightlist h4{font-size: 28px;margin-bottom: 10px;}

.pinpaijiazhiguan  .rightlist  p{font-size: 18px;margin-bottom: 22px;}

.pinpaijiazhiguan   .rightlist  span{padding: 11px 25px 11px 25px;}

.pinpaijiazhiguan   .rightlist .xia{margin-top: 0px;}

.pinpaijiazhiguan    .two .xia{padding-top: 0px;padding-bottom: 0px;margin-top: 0px;}

.text2{width:93%;margin: 0px auto;}

.text3{font-size: 22px;padding: 18px 0px;}

.text4{font-size:16px;}



/*我们的服务*/

.tab-header{padding-top: 22px;}

.tab-item{padding:10px 0;font-size:22px;margin:0px 16px;border-bottom:3px solid #fff;}

.tab-item.active{color:#0045a0;border-bottom:3px solid #0045a0;}

.func-btn-group{gap:10px;margin-bottom:15px;display:flex;flex-wrap:wrap;justify-content: center;}

.func-btn{padding:8px 12px;font-size:18px;}

.desc-text{font-size:14px;}

.text5{padding: 10px 0px;font-size: 16px;}

.sevice{display: flex;justify-content: space-between;padding-top: 18px;flex-direction: column;}

.sevice .content{width: 100%;}

#sevice2 .content{width: 100%;}

.sevice h4{height: 122px;font-size: 22px;padding-left: 38px}

.sevice h4 span{font-size: 16px;}

.sevice-list li{background: url(../images/31.png) no-repeat left 22px;padding: 12px 0px 12px 38px;background-size:16px auto;}

.sevice-list{padding: 12px 22px 12px 22px;}

.sevice-list h5{font-size: 20px;}

.text6{padding: 23px 0px;font-size: 16px;}



/*合规运营*/

.heguiyunying{display: flex;justify-content: space-between;flex-wrap: wrap;}

.heguiyunying li{width: 48%;padding-bottom: 17px;}

.heguiyunying h4{font-size: 22px;padding-bottom: 11px;}



	.heguiyunying li img{height: 68px;width: auto;}

	

	

	

	

	

	

/*版权*/

.footer{padding: 22px 0px;}

.title3{font-size: 28px;margin-bottom: 22px;}

	.title3 span{border-bottom: 3px  solid #fff;padding-bottom: 22px;color: #fff;}

.title3 span{padding-bottom: 22px;}

.footer .vx{padding: 46px 0px;gap:100px;margin-right:-15px;display: flex;justify-content: center;flex-direction: column;}

.footer ul{gap:20px;display: flex;justify-content: space-between;flex-direction: column;}

.footer ul img{border: 12px solid #fff;height: 150px;width: auto;}

.footer  img{margin-right: 12px;}

.contact{padding: 42px 0px;}

.contact h5{padding-bottom: 42px;}

.contact h4{font-size: 20px;}

.contact  h6{font-size: 16px;margin-bottom: 26px;display: flex;flex-direction: column;text-align: left;}

.contact  h6 p{padding: 0px 22px;}

.contact  h6 img{height: auto;width: 18px;}

	.contact .bq{padding: 0px 12px;}

/*右边联系方式*/

.rightcontact{bottom:20px;right: 20px;}

.rightcontact ul{width: 80px;}

.rightcontact li{height: 80px;margin-bottom: 12px;font-size:13px;display: flex;align-items:center;flex-direction: column;justify-content: center;}

.rightcontact li:hover div{left:-180px;height:120px;width: 180px;padding-left: 12px;border-radius: 18px;font-size: 18px;}

.rightcontact li:hover div img{width: 100px;height: auto;margin: 8px;border:8px solid #fff;}

.rightcontact .icon{height: 23px;}

	

	

	

	

	

	

	

}

@media (max-width:398px) {

	.contact  h6 {}

.contact  h6 .a{height: auto;width: 18px;margin-top: -18px;}

}