/* 定义字体 */
@font-face {
	font-family: 'siyuan';  /* 自定义字体名，后面用这个 */
	src: url('fonts/SourceHanSansCN-Normal.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

body{ margin:0 auto; padding:0; width:100%; color:#333; font:14px/1.5 siyuan,Arial,"Microsoft Yahei"; background:#fff; }
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:'siyuan','Microsoft YaHei','微软雅黑'; }
a{ color:#333; text-decoration:none; }
a:hover{ color:#34ad2a; text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }

.nodata{ width:100%; height:300px; margin:50px 0 0 0; line-height:100px; text-align:center; background:url(../images/nodata.png) no-repeat center; background-size:200px;}





@media (min-width: 769px) 
{
body{ min-width:1200px; }
/* 导航栏整体样式  box-shadow: 0 2px 5px rgba(0,0,0,0.1); */
.navbar { display: flex; width:100%; overflow:hidden; align-items: center; justify-content: space-between;  line-height:75px; height:75px;  position: relative; transition: all 0.3s ease; z-index: 999;}
/* 滚动后固定导航栏样式 */
.navbar.fixed { position: fixed;  top: 0; left: 0; right: 0; margin: 0 auto; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);}
.navbar.fixed img{ height:50px; margin-top:5px;}
.navbar .wrap{ width:1200px; margin:0px auto 0 auto;}
/* Logo区域 */
.logo { float:left; margin-top:10px; height:60px;}
.logo img{ height:55px;}
/* PC端菜单样式 */
.nav-menu { display: flex; list-style: none; float:right;}
.nav-menu li { margin-left:50px;}
.nav-menu a { color: #414141; text-decoration: none; font-size: 20px; position: relative; padding-bottom: 20px;}
.nav-menu a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #1b62c9; transition: 0.3s all ease; border-radius:2px;}
.nav-menu a:hover::after { width: 100%;}
.nav-menu a.item_on{ border-bottom:3px solid #1b62c9; padding-bottom:17px; border-radius:2px;}
.nav-menu a.item_on::after { width: 0%;}
/* 移动端菜单按钮（默认隐藏） */
.menu-btn { display: none; background: none; float:right; margin:13px 20px 0 0; border: none; color: white; font-size: 24px; cursor: pointer; z-index: 100;}
/* 遮罩层（默认隐藏） */
.mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 98; opacity: 0; visibility: hidden; transition: all 0.3s;}

.know{ width:100%; /* 宽度铺满父级 */
  aspect-ratio: 1920 / 770; /* 关键：固定宽高比 */
  background:url(../images/bg.jpg) no-repeat top center;
  background-size: cover; /* 铺满容器不变形 */ overflow:hidden;
}
@supports not (aspect-ratio: 1 / 1) {
  .know {
    /* 清空高，靠padding撑开比例 */
    height: 0;
    padding-bottom: 35.8333333333%;
    /* aspect-ratio无效，自动忽略 */
  }
}



.know .wrap { margin:200px 0 0 0;}
.know .wrap h1{ color:#fff; text-align:center; font-size:55px; letter-spacing:5px; line-height:70px; font-weight:normal;}
.know .wrap h1 span{ color:#FFB345;}
.know .wrap p{ color:#fff; text-align:center; font-size:18px; margin-top:20px;}
.know .wrap a{ display:block; position:relative; margin:80px auto 0 auto; color:#565656; font-size:22px; background:#fff; width:250px; height:60px; text-align:center; line-height:60px; border-radius:30px; letter-spacing:3px;}
.know .wrap a i{ display: block; position:absolute; top:10px; right:10px; font-size:30px; font-family:宋体; font-weight:bold; width:40px; height:40px; line-height:40px; text-align:center; background:#1B63C9; color:#fff; border-radius:20px;}
.know .wrap a:hover{ box-shadow: 0 1px 15px #fff; }

.server{}
.server h1{ color:#1A61C9; font-size:40px; text-align:center; font-weight:normal; margin:100px 0 0 0;}
.server p{ color:#717171; text-align:center; font-size:17px; margin-top:10px;}
.server .wrap{ width:950px; height:500px; margin:50px auto 0 auto;}
.server .wrap .l{ width:500px; float:left; height:500px; overflow:hidden; position:relative; background:url(../images/sbg.jpg) no-repeat;}
.server .wrap .l a{ display:block; position:absolute; width:300px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; bottom:10px; left:10px; background:#1B6ACA; border-radius:25px;}
.server .wrap .l a:hover{ box-shadow: 0 1px 10px #565656; }
.server .wrap ul.r{ float:right; width:430px; height:500px; overflow:hidden;}
.server .wrap ul.r li{ width:430px; height:110px; margin-bottom:20px; background:#DCE8F6; border-radius:15px;}
.server .wrap ul.r li img{ float:left; width:45px; height:45px; margin:33px 20px 0 33px;}
.server .wrap ul.r li span{ float:left; font-size:20px; color:#222; line-height:110px;}
.server .wrap ul.r li a{ display:block; margin:35px 20px 0 0; width:120px; height:45px; line-height:45px; text-align:center; background:#fff; border-radius:22px; color:#222; float:right; font-size:18px;}
.server .wrap ul.r li a:hover{ box-shadow: 0 1px 10px #176dd2; }

.lc{ padding:60px 0 60px 0; margin:100px 0 0 0;}
.lc h1{ color:#1A61C9; font-size:40px; text-align:center; font-weight:normal;}
.lc p{ color:#717171; text-align:center; font-size:17px; margin-top:10px;}

.lc .wrap{ width:100%; height:270px; margin-top:100px;}
.lc .wrap .liq{ float:left; width:3%; height:40px; margin:115px 0 115px 0; background:#DDE8F7; border-radius:0 20px 20px 0;}
.lc .wrap .lih{ float:left; width:3%; height:40px; margin:115px 0 115px 0; background:#DDE8F7;}
.lc .wrap .li{ float:left; width:11.75%; height:270px;}

.lc .wrap .li .t{ width:100%; height:115px;}
.lc .wrap .li .b{ width:100%; height:115px;}
.lc .wrap .li .wz{ width:calc(100%-10px); letter-spacing:2px; height:40px; line-height:40px; text-align:center; font-size:18px; font-weight:bold; margin:0 5px; background:Red; border-radius:0 20px 20px 0;}
.lc .wrap .d .wz{ background:#DDE8F7;}
.lc .wrap .l .wz{ background:#1B62C9; color:#fff;}

.lc .wrap .li .f1{ background:url(../images/s/f1.png) no-repeat bottom center; background-size:60px;}
.lc .wrap .li .f2{ background:url(../images/s/f2.png) no-repeat top center; background-size:60px;}
.lc .wrap .li .f3{ background:url(../images/s/f3.png) no-repeat bottom center; background-size:60px;}
.lc .wrap .li .f4{ background:url(../images/s/f4.png) no-repeat top center; background-size:60px;}
.lc .wrap .li .f5{ background:url(../images/s/f5.png) no-repeat bottom center; background-size:60px;}
.lc .wrap .li .f6{ background:url(../images/s/f6.png) no-repeat top center; background-size:60px;}
.lc .wrap .li .f7{ background:url(../images/s/f7.png) no-repeat bottom center; background-size:60px;}
.lc .wrap .li .f8{ background:url(../images/s/f8.png) no-repeat top center; background-size:60px;}




.why{}
.why h1{ color:#1A61C9; font-size:40px; text-align:center; font-weight:normal; margin:100px 0 0 0;}
.why p{ color:#717171; text-align:center; font-size:17px; margin-top:10px;}
.why .wrap{ width:950px; height:350px; margin:50px auto 0 auto;}
.why .wrap .l{ width:300px; float:left; height:350px; background:url(../images/wl.png) no-repeat center;}
.why .wrap ul{ float:right; width:600px; height:350px; overflow:hidden; border-bottom:1px solid #A8A8A8;}
.why .wrap ul li{ border-top:1px solid #A8A8A8; height:87px; line-height:93px; color:#232323; font-size:22px; background:url(../images/true.png) no-repeat right center;}
.why .wrap ul li span{ display:block; float:left; color:#1962C9; font-size:32px;  font-family:siyuan; font-style:italic; margin-right:20px; line-height:87px;}



.cases{}
.cases h1{ color:#1A61C9; font-size:40px; text-align:center; font-weight:normal; margin:100px 0 0 0;}
.cases p{ color:#717171; text-align:center; font-size:17px; margin-top:10px;}

.picScroll2{ display:none;}
/* 服务案例 */
.picScroll{ margin:100px auto 0 auto;  position:relative; width:1005px; height:600px; background:#fff; overflow:hidden;     }
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; bottom:10px; left:400px; width:75px; height:75px; line-height:75px; text-align:center; border-radius:40px; border:3px solid #0E62C5; color:#0E62C5;   }
.picScroll .next{ left:auto; right:400px; }
.picScroll .prev:hover{ background:#0E62C5; color:#fff; }
.picScroll .next:hover{ background:#0E62C5; color:#fff; }
.picScroll .prev,
.picScroll .next{ color:#0E62C5; font-size:50px; font-weight: bolder; font-family:仿宋; }

.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ width:295px; height:430px; float:left; overflow:hidden; margin:0 20px; background:#D1E0F5;    }
.picScroll ul li img{ width:235px; height:330px; margin:30px 30px 20px 30px; display:block; background:url(../images/loading.gif) center center no-repeat; }
.picScroll ul li span{ display:block; line-height:30px; text-align:center; font-size:17px;}

.bl{ width:100%; height:auto; padding-bottom:100px; overflow:hidden;}
.bl h1{ color:#1A61C9; font-size:40px; text-align:center; font-weight:normal; margin:100px 0 0 0;}
.bl p.t{ color:#717171; text-align:center; font-size:17px; margin-top:10px;}
.bl .wrap{ width:940px; height:auto; overflow:auto; margin:80px auto 0 auto;}
.bl .wrap dl{ width:940px; height:auto; min-height:100px; margin:0 auto;}
.bl .wrap dl.l dt{ float:left; width:80px; height:80px; border-radius:40px; background:url(../images/user.png) no-repeat center #1D61CC; background-size:45px;}
.bl .wrap dl.l dd{ float:left; position:relative; width:770px; margin:0 0 40px 60px; height:auto;min-height:30px; min-height:30px; padding:25px 0 25px 30px; line-height:30px; font-size:22px; color:#2c2c2c; background:#eee; border-radius:15px; }
.bl .wrap dl.l dd i{ position:absolute; left:-12px; top:30px; width:12px; height:20px; background:url(../images/lj.png) no-repeat center;}

.bl .wrap dl.r dt{ float:right; width:80px; height:80px; border-radius:40px; background:url(../images/admin.png) no-repeat center #1D61CC; background-size:45px;}
.bl .wrap dl.r dd{ float:right; position:relative; width:745px; margin:0 60px 80px 0; height:auto; min-height:30px; padding:25px 25px 25px 30px; line-height:40px; font-size:20px; color:#2c2c2c; background:#d1e0f5; border-radius:15px; }
.bl .wrap dl.r dd i{ position:absolute; right:-12px; top:30px; width:12px; height:20px; background:url(../images/rj.png) no-repeat right center;}


a.more{ display:block; position:relative; margin:80px auto 0 auto; color:#fff; font-size:22px; background:#1B62CA; width:250px; height:60px; overflow:hidden; text-align:center; line-height:60px; border-radius:30px; letter-spacing:3px;}
a.more em{ display: block; position:absolute; top:10px; right:10px; font-size:25px; font-weight:bold; width:40px; height:40px; line-height:44px; text-align:center; background:#fff; color:#1B62CA; border-radius:20px; font-family:仿宋;}
a.more:hover{ box-shadow: 0 1px 15px #176dd2; }

.contact{ width:100%;aspect-ratio: 1920 / 770; /* 关键：固定宽高比 */  height:770px; z-index:9; position:relative;
  background:url(../images/bg2.jpg) no-repeat top center;
  background-size: cover; /* 铺满容器不变形 */ overflow:hidden; margin-top:100px;}

.contact h1 { position: relative; padding-bottom: 25px; width:940px; margin:90px auto 0 auto; color:#fff; font-size:45px; text-align:left; font-weight:normal; }
.contact h1::after { content: ""; width: 60px; height: 3px; background: #fff;  position: absolute; left: 0; bottom: 0; transition: 0.3s all ease; }
.contact p{ width:940px; display:block; margin:30px auto 50px auto; color:#fff; text-align:left; font-size:17px;}
.contact .wrap { width:940px; margin:0 auto;}
.contact ul {  }
.contact ul li { margin:20px 0;}
.contact ul li input{ width:415px; padding-left:15px; color:#777; font-size:20px; outline:none; height:50px; border:none; background:#fff; border-radius:5px;}
.contact .wrap .submit{ width:220px; margin-top:50px; height:50px; border-radius:25px; background:url(../images/btn.png) no-repeat center #1b62ca; background-size:220px 50px; cursor:pointer; color:#fff; font-size:20px;}
.contact .wrap .submit:hover{ box-shadow: 0 1px 10px #176dd2; }

.links{ position:relative; width:940px; height:150px; margin:50px auto 0 auto; border-bottom:1px solid #D1D1D1;}
.links .wrap{ width:689px; height:149px; float:left; border-right:1px solid #D1D1D1;}
.links .wrap h1{ color:#707070; font-size:17px;}
.links .wrap ul { margin-top:20px;}
.links .wrap ul li{ width:50%; height:35px; line-height:35px; float:left;}
.links .wrap ul li a{ color:#707070; font-size:16px;}
.links img{ width:100px; height:100px; margin-left:80px;}
.links span{ position:absolute; right:55px; display:block; color:#707070; font-size:16px; margin-left:50px;}
.footer{ width:100%; height:70px; line-height:70px; text-align:center; color:#707070; font-size:16px;}





/* 内页*/


.s-banner {
  width: 100%;
  aspect-ratio: 1920 / 400;
  background: url(../images/s/s1.jpg) no-repeat top center;
  background-size: cover;
  overflow: hidden;
}

/* 不支持aspect-ratio的浏览器（旧360极速）执行这段 */
@supports not (aspect-ratio: 1 / 1) {
  .s-banner {
    /* 清空高，靠padding撑开比例 */
    height: 0;
    padding-bottom: 20.8333333333%;
    /* aspect-ratio无效，自动忽略 */
  }
}




.s-h1{ font-size:35px; text-align:center; line-height:40px; color:#1B62C9; font-weight:normal; margin:150px 0 20px 0;}
.s-h2{ font-size:19px; text-align:center; line-height:30px; color:#717171; font-weight:normal;}

.s-u1{ width:990px; height:590px; margin:80px auto 50px auto;}
.s-u1 li{ width:300px; height:270px; text-align:center; float:left; overflow:hidden; margin:15px; border-radius:10px; background:url(../images/s/d.png) no-repeat bottom 20px center #DDE8F7;}
.s-u1 li div{ border:2px solid #1962C9; width:86px; height:86px; border-radius:45px; margin:35px auto 0 auto;display: flex; justify-content: center; align-items: center;     }
.s-u1 li h3{ font-weight:normal; font-size:23px; color:#2c2c2c; margin:15px 0 5px 0;}
.s-u1 li p{ color:#717171; font-size:17px;}

.s-u2{ width:950px; height:440px; margin:100px auto 50px auto; border:1px solid #E5E6DC; box-shadow: 0 1px 10px #eee;}
.s-u2 li{ width:190px; height:200px; text-align:center; float:left;}
.s-u2 li img{ margin-top:50px; width:80px;}
.s-u2 li h3{ font-weight:normal; font-size:20px; color:#636363;}

.s-about{ width:100%; aspect-ratio: 1920 / 400; background:url(../images/s/s2.jpg) no-repeat top center; background-size: cover; /* 铺满容器不变形 */ overflow:hidden;}
/* 不支持aspect-ratio的浏览器（旧360极速）执行这段 */
@supports not (aspect-ratio: 1 / 1) {
  .s-about {
    /* 清空高，靠padding撑开比例 */
    height: 0;
    padding-bottom: 20.8333333333%;
    /* aspect-ratio无效，自动忽略 */
  }
}



.s-kj{ width:950px; height:360px; margin:180px auto 0 auto;}
.s-kj .info{ width:440px; height:360px; float:left; }
.s-kj .info h3{ position:relative; display:block; line-height:45px; color:#1B62C9; font-size:30px; font-weight:normal; padding-bottom:35px;}
.s-kj .info h3::after { content: ""; position: absolute; left: 0; bottom: 0; width:45px; height: 3px; background: #1b62c9; transition: 0.3s all ease; border-radius:2px;}
.s-kj .info p{ font-size:18px; color:#3d3d3d; line-height:40px; margin-top:40px;}
.s-kj .img{ width:370px; height:360px; float:right; background:url(../images/s/a1.jpg) no-repeat top center; background-size:370px 360px; }

.s-fw{ width:950px; line-height:40px; margin:80px auto 150px auto;}
.s-fw h3{ color:#1B62C9; font-size:22px; font-weight:normal;}
.s-fw p{ font-size:18px; color:#3d3d3d; line-height:40px;}

.s-hxbg{ width:100%; aspect-ratio: 1920 / 360; background:url(../images/s/s3.jpg) no-repeat top center; background-size: cover; /* 铺满容器不变形 */ overflow:hidden;}

@supports not (aspect-ratio: 1 / 1) {
  .s-hxbg {
    /* 清空高，靠padding撑开比例 */
    height: 0;
    padding-bottom: 20.8333333333%;
    /* aspect-ratio无效，自动忽略 */
  }
}

.s-hxbg h3{ color:#fff; font-size:35px; text-align:center; font-weight:normal; margin:80px 0 0px 0;}
.s-hxbg p{ font-size:18px; color:#fff; line-height:40px; text-align:center;}

.s-hx{ position:relative; width:950px; height:590px; margin:-80px auto 0 auto; overflow:hidden; background:#fff; box-shadow: 0 1px 10px #eee; border-radius:10px;}

.s-hx ul{ width:800px; margin:60px auto 0 auto; }
.s-hx ul li{ float:left; width:347px; padding:35px 0 0 50px; height:118px; border-bottom:3px solid #EDF3FB; border-left:3px solid #EDF3FB;}
.s-hx ul li.l{ border-left:3px solid #fff; padding:35px 50px 0 0;}
.s-hx ul li.b{ border-bottom:none;}
.s-hx ul li h3{ color:#1862c9; font-weight:normal; font-size:22px;}
.s-hx ul li p{ line-height:25px; font-size:16px; margin-top:13px;}

.s-hx span{ display:block; position:absolute; width:40px; height:40px; background:#fff; border-radius:20px; z-index:999;}
.s-hx span.y1{ left:457px; top:192px;}
.s-hx span.y2{ left:457px; top:348px;}

.s-ys { width:950px; height:1000px; overflow:hidden; margin:100px auto 0px auto;}
.s-ys .t{ width:950px; height:728px;}
.s-ys .t .img{ width:365px; height:728px; float:left; background:url(../images/s/s4.jpg) no-repeat center;}
.s-ys .t ul{ float:right; width:535px; height:728px; }
.s-ys .t ul li{ border-top:2px solid #93b6e6; height:143px;}
.s-ys .t ul li:nth-child(1) { background:url(../images/s/y1.png) no-repeat left 10px top 16px; }
.s-ys .t ul li:nth-child(2) { background:url(../images/s/y2.png) no-repeat left 10px top 16px; }
.s-ys .t ul li:nth-child(3) { background:url(../images/s/y3.png) no-repeat left 10px top 16px; }
.s-ys .t ul li:nth-child(4) { background:url(../images/s/y4.png) no-repeat left 10px top 16px; }
.s-ys .t ul li:nth-child(5) { background:url(../images/s/y5.png) no-repeat left 10px top 16px; }
.s-ys .t ul li h3{ color:#1862c9; font-weight:normal; font-size:25px; margin:20px 0 0 80px;}
.s-ys .t ul li p{ line-height:30px; font-size:18px; margin:10px 0 0 80px;}
.s-ys .t ul li.b{ border-bottom:2px solid #93b6e6;}

.s-ys .c{ width:949px; height:380px; overflow:hidden; border-left:1px solid #5e90d9;}
.s-ys .c h3{ color:#1862c9; font-weight:normal; margin-right:40px; font-size:30px; text-align:center; margin-top:120px;}
.s-ys .c p{ line-height:25px; font-size:18px; margin-right:40px; margin-top:8px; text-align:center;}

.s-map{ position:relative; width:100%; height:470px; border-top:1px solid #1B62C9; border-bottom:1px solid #1B62C9;}
.s-map .wrap{ width:950px; height:470px; margin:0 auto;}
.s-map .wrap .map{ width:468px; height:470px; float:left; border-left:1px solid #1B62C9; border-right:1px solid #1B62C9; }

.amap-icon img { width: 25px; height: 34px; }
.amap-marker-label{ border: 0; background-color: transparent;}
.mapinfo{ background:#fff; padding:5px 10px;}
.mapinfo h3{ padding:0; margin:0;line-height:30px; }
.mapinfo p{ display:block; height:25px; line-height:25px; color:#333;}
.mapinfo a{ display:inline-block; border:1px solid #CCC; padding:4px 10px; color:#333; margin:5px 0 5px 0; background:#e6e6e6;}
.mapinfo a:hover{ background:#e6e6e6;}
.s-map .wrap .address{ width:480px; height:470px; float:left;}
.s-map .wrap .address dl{ margin:360px 0 0 40px; height:60px; padding-left:60px; background:url(../images/s/y6.png) no-repeat left center; }
.s-map .wrap .address dl dt{ font-size:20px; color:#1862c9; line-height:30px;}
.s-map .wrap .address dl dd{ font-size:16px; color:#3d3d3d; line-height:30px;}
.s-map span.us{ position:absolute; left:0px; bottom:0px;  color:#eee; font-size:120px; display:block; width:220px; height:105px; line-height:120px; }
.s-map span.cont{ position:absolute; right:0px; top:0px;  color:#eee; font-size:120px; text-align:right; display:block; width:580px; height:110px; line-height:94px; }

.s-contact{ width:950px; height:245px; margin: 0 auto;}
.s-contact .wrap{ float:left; width:468px; height:245px; border-left:1px solid #1B62C9;}
.s-contact dl{ margin:40px 0 0 40px; height:60px; padding-left:60px; background:url(../images/s/y7.png) no-repeat left center; }
.s-contact dl.e{ margin:40px 0 0 40px; height:60px; padding-left:60px; background:url(../images/s/y8.png) no-repeat left center; }
.s-contact dl dt{ font-size:20px; color:#1862c9; line-height:30px;}
.s-contact dl dd{ font-size:16px; color:#3d3d3d; line-height:30px;}
.contact{ margin-top:0px;}



.s-case{ width:100%; aspect-ratio: 1920 / 400; background:url(../images/s/s5.jpg) no-repeat top center; background-size: cover; /* 铺满容器不变形 */ overflow:hidden;}
@supports not (aspect-ratio: 1 / 1) {
  .s-case {
    /* 清空高，靠padding撑开比例 */
    height: 0;
    padding-bottom: 20.8333333333%;
    /* aspect-ratio无效，自动忽略 */
  }
}

.s-case-body { width:950px; height:auto; overflow:auto; margin:0 auto 100px auto;}
.s-case-body ul{ width:calc(100%-20px); display: flex; flex-wrap: wrap; margin:80px 10px 0 10px; /* 自动换行 */  /* 上下间距15px，左右间距20px（左右各10合计20） */}
.s-case-body li{ width: 250px; height:420px; margin-bottom:20px; text-align:center; overflow:hidden; }
.s-case-body li .img{ width:234px; height:329px; padding:8px; overflow:hidden; background:#e9e9e9;}
.s-case-body li .img img{ width:234px; height:329px; object-fit: cover; transition: all 0.3s ease; /* 平滑过渡 */}
.s-case-body li:hover img{transform: scale(1.08); /* 放大到1.08倍，可自行调整 */}
.s-case-body li h3{ line-height:30px; margin:20px 0 0 0;}

/*产品详细页面*/
.location{ font-size:14px; width:1020px; padding:0 15px; height:38px; line-height:38px; border:1px solid #ddd; margin:80px auto 0px auto;}
.location a{ float:left; color:#999;}
.location a.home{ float:left; color:#666;}
.location span{ float:left; color:#999; margin:0 7px;}
.location a:hover{ color:#666;}
.location a:last-child{ display:none;}
.location span:last-of-type{ display:none;}

.detail{ width:1020px; height:auto; margin:0 auto; overflow:hidden; min-height:500px;}
.detail h3.title{ margin-top:30px; color:#333; font-size:18px; display:block; line-height:30px; text-align:center;}
.detail span.add_time{ font-size:14px; color:#666; display:block; line-height:30px; text-align:center;}
.detail img.img_url{ width:300px; display:block; margin:0 auto;}
.detail h3.tit{ width:100%; height:40px; margin-top:50px; border-bottom:2px solid #3672BA;}
.detail h3.tit span{ display:inline-block; height:40px; line-height:40px; font-weight:normal; padding:0 30px; color:#fff; font-size:16px; background:#3672BA;}
.detail .entry{ margin-top:30px;}
.detail .entry img{ max-width:80%;}


.s-links{ width:1000px; padding:0 10px; height:50px; line-height:50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:30px auto 50px auto;}
.s-links a, .s-links span{ color:#666; font-size:15px;}
.s-links a.prot, .s-links span.prot{ float:left;}
.s-links a.next, .s-links span.next{ float:right;}

.s-news{ width:100%; aspect-ratio: 1920 / 400; background:url(../images/s/s6.jpg) no-repeat top center; background-size: cover; /* 铺满容器不变形 */ overflow:hidden;}
@supports not (aspect-ratio: 1 / 1) {
  .s-news {
    /* 清空高，靠padding撑开比例 */
    height: 0;
    padding-bottom: 20.8333333333%;
    /* aspect-ratio无效，自动忽略 */
  }
}

.s-news-category{ width:950px; height:auto; margin:60px auto 0 auto;}
.s-news-category a{ display:inline-block; height:35px; margin-right:20px; line-height:35px; padding:0 30px; color:#1b62c9; font-size:16px; border:2px solid #3372CF; border-radius:20px;}
.s-news-category a.cur{ background:#1b62c9; color:#fff;}
.s-news-category a:hover{ background:#1b62c9; color:#fff;}

.s-news-ul{ width:950px; height:auto; margin:50px auto; padding:0 10px;}
.s-news-ul li{ width:950px; height:170px; box-shadow: 0 1px 10px #eee; border-radius:10px; margin-bottom:30px; }
.s-news-ul li dl{ width:115px; height:95px; margin:37px 0 0 37px; float:left; overflow:hidden; background:#1B62C9; color:#fff; border-radius:20px;}
.s-news-ul li dl dt{ height:40px; line-height:45px; text-align:center; border-bottom:1px solid #85ABE2; font-size:25px; font-weight:bold; width:75px; margin:10px 20px 0 20px;}
.s-news-ul li dl dd{ height:30px; line-height:30px; text-align:center;}
.s-news-ul li div{ float:left; margin-left:30px; width:760px; height:140px; margin-top:30px;}
.s-news-ul li div h3{ font-size:20px; color:#1B62C9; line-height:30px;}
.s-news-ul li div p{ line-height:27px; color:#3d3d3d; font-size:17px; margin-top:10px;}

.s-news-ul li:hover{ background:#1B62C9; color:#fff; box-shadow: 0 1px 10px #eee; }
.s-news-ul li:hover dl{ background:#fff;  color:#1B62C9;}
.s-news-ul li:hover h3,.s-news-ul li:hover p{ color:#fff;}

.s-qa{ width:100%; aspect-ratio: 1920 / 400; background:url(../images/s/s7.jpg) no-repeat top center; background-size: cover; /* 铺满容器不变形 */ overflow:hidden;}
@supports not (aspect-ratio: 1 / 1) {
  .s-qa {
    /* 清空高，靠padding撑开比例 */
    height: 0;
    padding-bottom: 20.8333333333%;
    /* aspect-ratio无效，自动忽略 */
  }
}
.s-qa-ul{ width:950px; height:auto; margin:50px auto; padding:0 10px;}
.s-qa-ul li{ width:890px; padding:30px 30px 0px 30px; height:170px; box-shadow: 0 1px 10px #eee; border-radius:10px; margin-bottom:30px; }
.s-qa-ul li h3{ position:relative; font-size:20px; color:#1B62C9; line-height:30px; padding-bottom:20px;}
.s-qa-ul li h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: #1b62c9; transition: 0.3s all ease; border-radius:2px;}
.s-qa-ul li p{ line-height:27px; color:#3d3d3d; font-size:17px; margin-top:15px;}

.s-qa-ul li:hover{ background:#1B62C9; color:#fff; box-shadow: 0 1px 10px #eee; }
.s-qa-ul li:hover h3,.s-qa-ul li:hover p{ color:#fff;}



}


/* 当屏幕宽度小于768px时 */
@media( max-width:768px)
{
/* 滚动后固定导航栏样式 */
.navbar.fixed { position: fixed; z-index:99999; top: 0; left: 0; right: 0; margin: 0 auto; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);}
.navbar.fixed img{ height:40px; margin-top:0px;}
.navbar .wrap{ max-width:768px; margin:-5px auto 0 auto;}
/* 隐藏PC端菜单 */
.nav-menu { position: fixed; top: 0; left: -250px; /* 默认隐藏在左侧 */ width: 250px; height: 100vh; background: #4885e0;background: linear-gradient(to bottom, #4885e0, #0f3a71); flex-direction: column;  padding-top: 70px; z-index: 99; transition: left 0.3s ease; /* 滑动动画 */}
.nav-menu li { margin:30px 0; padding: 0 20px;}
.nav-menu li a{ color:#fff; font-weight:normal; font-size:18px;}
/* 显示菜单按钮 */
.menu-btn { display: block; color:#333; font-weight:bold; font-size:25px;}
/* 菜单展开样式 */
.nav-menu.active { left: 0; /* 滑入显示 */}
/* 遮罩层显示 */
.mask.active { opacity: 1; visibility: visible;}
/* 遮罩层（默认隐藏） */
.mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 98; opacity: 0; visibility: hidden; transition: all 0.3s;}

.navbar{ width:100%; height:50px;}
.navbar .wrap .logo img{ float:left; height:40px; margin:10px 0 0 10px;}
.navbar .wrap .menu-btn{ float:right; margin:10px 15px 0 0; background:none;}

.know{ width:100%; /* 宽度铺满父级 */
  aspect-ratio: 768 / 570; /* 关键：固定宽高比 */
  background:url(../images/bg.jpg) no-repeat top center;
  background-size: cover; /* 铺满容器不变形 */ overflow:hidden;
}
.know .wrap { margin:50px 0 0 0;}
.know .wrap h1{ color:#fff; text-align:center; font-size:20px; letter-spacing:2px; line-height:30px; font-weight:normal;}
.know .wrap h1 span{ color:#FFB345;}
.know .wrap p{ color:#fff; text-align:center; font-size:14px; margin:20px 20px 020px;}
.know .wrap a{ display:block; position:relative; margin:60px auto 0 auto; color:#565656; font-size:15px; background:#fff; width:160px; height:40px; text-align:center; line-height:40px; border-radius:20px; letter-spacing:3px;}
.know .wrap a i{ display: block; position:absolute; top:5px; right:5px; font-size:15px; font-family:宋体; font-weight:bold; width:30px; height:30px; line-height:34px; text-align:center; background:#1B63C9; color:#fff; border-radius:15px;}
.know .wrap a:hover{ box-shadow: 0 1px 15px #fff; }



.server{ }
.server h1{ color:#1A61C9; font-size:30px; text-align:center; font-weight:normal; margin:70px 0 0 0;}
.server p{ color:#717171; text-align:center; font-size:15px; margin:10px 20px 0 20px;}
.server .wrap{ width:calc(100%-40px); height:auto; margin:50px 20px 0 20px;}
.server .wrap .l{ width:100%; height:410px; position:relative; background:url(../images/sbg.jpg) no-repeat; background-size:100% 400px;}
.server .wrap .l a{ display:block; position:absolute; width:60%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; bottom:10px; left:0px; background:#1B6ACA; border-radius:25px;}
.server .wrap .l a:hover{ box-shadow: 0 1px 10px #565656; }


.server .wrap ul.r{ width:100%; height:500px; margin-top:20px; overflow:hidden;}
.server .wrap ul.r li{ height:110px; margin-bottom:20px; background:#DCE8F6; border-radius:15px;}
.server .wrap ul.r li img{ float:left; width:45px; height:45px; margin:33px 20px 0 33px;}
.server .wrap ul.r li span{ float:left; font-size:20px; color:#222; line-height:110px;}
.server .wrap ul.r li a{ display:block; margin:35px 20px 0 0; width:120px; height:45px; line-height:45px; text-align:center; background:#fff; border-radius:22px; color:#222; float:right; font-size:18px;}
.server .wrap ul.r li a:hover{ box-shadow: 0 1px 10px #176dd2; }


.lc{ padding:40px 0 30px 0; margin:20px 0 0 0;}
.lc h1{ color:#1A61C9; font-size:30px; text-align:center; font-weight:normal;}
.lc p{ color:#717171; text-align:center; font-size:15px; margin-top:10px;}

.lc .wrap{ width:100%; height:540px; margin-top:100px;}
.lc .wrap .liq{ display:none; float:left; width:3%; height:40px; margin:115px 0 115px 0; background:#DDE8F7; border-radius:0 20px 20px 0;}
.lc .wrap .lih{ display:none;  float:left; width:3%; height:40px; margin:115px 0 115px 0; background:#DDE8F7;}
.lc .wrap .li{ float:left; width:25%; height:270px;}

.lc .wrap .li .t{ width:100%; height:115px;}
.lc .wrap .li .b{ width:100%; height:115px;}
.lc .wrap .li .wz{ width:calc(100%-10px); height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:bold; margin:0 5px; background:Red; border-radius:0 20px 20px 0;}
.lc .wrap .d .wz{ background:#DDE8F7;}
.lc .wrap .l .wz{ background:#1B62C9; color:#fff;}

.lc .wrap .li .f1{ background:url(../images/s/f1.png) no-repeat center;}
.lc .wrap .li .f2{ background:url(../images/s/f2.png) no-repeat center;}
.lc .wrap .li .f3{ background:url(../images/s/f3.png) no-repeat center;}
.lc .wrap .li .f4{ background:url(../images/s/f4.png) no-repeat center;}
.lc .wrap .li .f5{ background:url(../images/s/f5.png) no-repeat center;}
.lc .wrap .li .f6{ background:url(../images/s/f6.png) no-repeat center;}
.lc .wrap .li .f7{ background:url(../images/s/f7.png) no-repeat center;}
.lc .wrap .li .f8{ background:url(../images/s/f8.png) no-repeat center;}


.why{}
.why h1{ color:#1A61C9; font-size:30px; text-align:center; font-weight:normal; margin:100px 0 0 0;}
.why p{ color:#717171; text-align:center; font-size:15px; margin-top:10px;}
.why .wrap{ width:calc(100%-40px); height:auto; margin:50px 20px 0 20px;}
.why .wrap .l{ width:100%; height:350px; background:url(../images/wl.png) no-repeat center; background-size:100%;}
.why .wrap ul{ width:100%; height:350px; overflow:hidden; border-bottom:1px solid #A8A8A8;}
.why .wrap ul li{ border-top:1px solid #A8A8A8; height:87px; line-height:93px; color:#232323; font-size:22px; background:url(../images/true.png) no-repeat right center;}
.why .wrap ul li span{ display:block; float:left; color:#1962C9; font-size:32px;  font-family:siyuan; font-style:italic; margin-right:20px; line-height:87px;}


.cases{}
.cases h1{ color:#1A61C9; font-size:30px; text-align:center; font-weight:normal; margin:100px 0 0 0;}
.cases p{ color:#717171; text-align:center; font-size:15px; margin-top:10px;}

/* 服务案例 */
.picScroll{ display:none; }

.picScroll2{ margin:100px auto 0 auto;  position:relative; width:400px; height:420px; background:#fff; overflow:hidden;     }
.picScroll2 .prev,
.picScroll2 .next{ display:block; position:absolute; bottom:10px; left:50%; margin-left:-70px; width:55px; height:55px; line-height:55px; text-align:center; border-radius:30px; border:3px solid #0E62C5; color:#0E62C5;   }
.picScroll2 .next{ left:auto; right:50%; margin-right:-70px; }
.picScroll2 .prev:hover{ background:#0E62C5; color:#fff; }
.picScroll2 .next:hover{ background:#0E62C5; color:#fff; }
.picScroll2 .prev,
.picScroll2 .next{ color:#0E62C5; font-size:50px; font-weight: bolder; font-family:仿宋; }
.picScroll2 ul{ width:400px; margin:0 auto; overflow:hidden; zoom:1; }
.picScroll2 ul li{ width:180px; height:300px; float:left; margin:0 10px; overflow:hidden; background:#D1E0F5;    }
.picScroll2 ul li img{ width:160px; height:240px; margin:10px; display:block; background:url(../images/loading.gif) center center no-repeat; }
.picScroll2 ul li span{ display:block; line-height:30px; text-align:center; font-size:16px;}

.bl{ overflow:hidden;}
.bl h1{ color:#1A61C9; font-size:30px; text-align:center; font-weight:normal; margin:70px 0 0 0;}
.bl p.t{ color:#717171; text-align:center; font-size:15px; margin:10px 20px 0 20px; line-height:30px;}
.bl .wrap{ position:relative; width:calc(100%-40px); height:auto; overflow:auto; margin:60px 20px 0 20px;}
.bl .wrap dl{ width:100%; height:auto; min-height:100px; margin:0 auto;}


.bl .wrap dl.l dt{ float:left; width:80px; height:80px; overflow:hidden; border-radius:40px; background:url(../images/user.png) no-repeat center #1D61CC; background-size:45px;}
.bl .wrap dl.l dd{ float:left; position:relative; width:calc(100%-100px); margin:20px 0 40px 0; height:auto;min-height:30px; min-height:30px; padding:25px 0 25px 30px; line-height:30px; font-size:22px; color:#2c2c2c; background:#eee; border-radius:15px; }
.bl .wrap dl.l dd i{ position:absolute; left:32px; top:-12px; width:12px; height:20px; background:url(../images/lj2.png) no-repeat center;}
.bl .wrap dl.r dt{ float:right; width:80px; height:80px; border-radius:40px; background:url(../images/admin.png) no-repeat center #1D61CC; background-size:45px;}
.bl .wrap dl.r dd{ float:right; position:relative; width:calc(100%-80px); margin:20px 0 50px 0; height:auto; min-height:30px; padding:25px 25px 25px 30px; line-height:40px; font-size:20px; color:#2c2c2c; background:#d1e0f5; border-radius:15px; }
.bl .wrap dl.r dd i{ position:absolute; top:-15px; right:30px; width:20px; height:20px; background:url(../images/rj2.png) no-repeat center;}

a.more{ display:block; margin:50px auto; color:#fff; font-size:22px; background:#1B62CA; width:250px; height:60px; overflow:hidden; text-align:center; line-height:60px; border-radius:30px; letter-spacing:3px;}
a.more em{ display: block; position:absolute; top:10px; right:10px; font-size:25px; font-weight:bold; width:40px; height:40px; line-height:44px; text-align:center; background:#fff; color:#1B62CA; border-radius:20px; font-family:仿宋;}
a.more a:hover{ box-shadow: 0 1px 15px #176dd2; }


.contact{ width:100%;aspect-ratio: 1920 / 670; /* 关键：固定宽高比 */ min-height:670px;
  background:url(../images/bg2.jpg) no-repeat top center;
  background-size: cover; /* 铺满容器不变形 */ overflow:hidden; margin-top:100px;}

.contact h1 { position: relative; padding-bottom: 25px; width:calc(100%-40px); margin:40px 20px 0 20px; color:#fff; font-size:30px; text-align:left; font-weight:normal; }
.contact h1::after { content: ""; width: 60px; height: 3px; background: #fff;  position: absolute; left: 0; bottom: 0; transition: 0.3s all ease; }
.contact p{ width:calc(100%-40px); display:block; margin:30px 20px 50px 20px; color:#fff; text-align:left; font-size:15px;}
.contact .wrap { width:100%; margin:0 auto;}
.contact ul li { margin:20px 20px;}
.contact ul li input{ width:98%; padding-left:2%; color:#777; font-size:20px; outline:none; height:50px; border:none; background:#fff; border-radius:5px;}
.contact .wrap .submit{ width:220px; margin:50px 0 0 20px; height:50px; border-radius:25px; background:url(../images/btn.png) no-repeat center #1b62ca; background-size:220px 50px; cursor:pointer; color:#fff; font-size:20px;}
.contact .wrap .submit:hover{ box-shadow: 0 1px 10px #176dd2; }




.links{ position:relative; width:100%; height:200px; margin:50px auto 0 auto; padding-bottom:20px; border-bottom:1px solid #D1D1D1;}
.links .wrap{ width:calc(100%-40px); height:149px; margin:0 20px; }
.links .wrap h1{ color:#707070; font-size:17px;}
.links .wrap ul { margin-top:20px;}
.links .wrap ul li{ width:100%; height:35px; line-height:35px; float:left;}
.links .wrap ul li a{ color:#707070; font-size:16px;}
.links img{ position:absolute; width:100px; height:100px; right:20px; bottom:35px;}
.links span{ position:absolute; right:25px; bottom:10px; display:block; color:#707070; font-size:16px; }
.footer{ width:calc(100%-40px); margin:30px 20px 0 20px; height:70px; line-height:30px; text-align:center; color:#707070; font-size:16px;}





/* 内页*/

.s-banner{ width:100%; aspect-ratio: 1920 / 440; background:url(../images/s/s1.jpg) no-repeat top center; background-size: cover; /* 铺满容器不变形 */ overflow:hidden;}
.s-h1{ font-size:25px; text-align:center; line-height:30px; color:#1B62C9; font-weight:normal; margin:70px 0 15px 0;}
.s-h2{ font-size:17px; text-align:center; line-height:30px; margin:0 20px; color:#717171; font-weight:normal;}

.s-u1{ width:calc(100%-20px); display: flex; flex-wrap: wrap; margin:80px 10px 0 10px; /* 自动换行 */  /* 上下间距15px，左右间距20px（左右各10合计20） */}
.s-u1 li{ width: calc(50% - 20px); height:270px; margin-bottom:20px; text-align:center; overflow:hidden;  border-radius:10px; background:url(../images/s/d.png) no-repeat bottom 20px center #DDE8F7;}
.s-u1 li div{ border:2px solid #1962C9; width:80px; height:80px; border-radius:42px; margin:35px auto 0 auto;display: flex; justify-content: center; align-items: center;     }
.s-u1 li h3{ font-weight:normal; font-size:20px; color:#2c2c2c; margin:10px 0 5px 0;}
.s-u1 li p{ color:#717171; font-size:15px;}

.s-u2{ width:calc(100%-40px); height:auto; overflow:auto; margin:70px 20px 0px 20px; border:1px solid #E5E6DC; box-shadow: 0 1px 10px #eee;}
.s-u2 li{ width:190px; height:200px; text-align:center; float:left;}
.s-u2 li img{ margin-top:50px; width:80px;}
.s-u2 li h3{ font-weight:normal; font-size:20px; color:#636363;}


.s-about{ width:100%; aspect-ratio: 1920 / 400; background:url(../images/s/s2.jpg) no-repeat top center; background-size: cover; /* 铺满容器不变形 */ overflow:hidden;}
.s-kj{ width:100%; height:auto; overflow:auto; margin:80px auto 0 auto;}
.s-kj .info{ width:calc(100%-40px); height:360px; margin:0 20px; }
.s-kj .info h3{ position:relative; display:block; line-height:45px; color:#1B62C9; font-size:30px; font-weight:normal; padding-bottom:35px;}
.s-kj .info h3::after { content: ""; position: absolute; left: 0; bottom: 0; width:45px; height: 3px; background: #1b62c9; transition: 0.3s all ease; border-radius:2px;}
.s-kj .info p{ font-size:18px; color:#3d3d3d; line-height:40px; margin-top:30px;}
.s-kj .img{ width:calc(100%-40px); margin:20px 20px; height:360px; background:url(../images/s/a1.jpg) no-repeat top center; }


.s-fw{ width:calc(100%-40px); text-align:center; line-height:40px; margin:30px 20px 40px 20px;}
.s-fw h3{ color:#1B62C9; font-size:28px; font-weight:normal;}
.s-fw p{ font-size:18px; color:#3d3d3d; line-height:40px; margin-top:20px;}





.s-hxbg{ width:100%; height:120px; aspect-ratio: 1920 / 360; background:url(../images/s/s3.jpg) no-repeat top center; background-size: cover; /* 铺满容器不变形 */ overflow:hidden;}
.s-hxbg h3{ color:#fff; font-size:25px; text-align:center; font-weight:normal; margin:20px 0 0px 0;}
.s-hxbg p{ font-size:16px; color:#fff; line-height:40px; text-align:center;}

.s-hx{ position:relative; width:calc(100%-40px); height:auto; margin:0px 20px 0 20px; overflow:hidden; background:#fff; border-radius:10px;}

.s-hx ul{ width:100%; margin:30px auto 0 auto; }
.s-hx ul li{ width:calc(100%-44px); padding:20px 20px 20px 20px; height:118px; border:2px solid #EDF3FB;}
 
.s-hx ul li h3{ color:#1862c9; font-weight:normal; font-size:22px;}
.s-hx ul li p{ line-height:25px; font-size:16px; margin-top:13px;}

.s-hx span{ display:block; position:absolute; width:40px; height:40px; background:#fff; border-radius:20px; z-index:999;}
.s-hx span.y1{ left:457px; top:192px;}
.s-hx span.y2{ left:457px; top:348px;}

.s-ys { width:calc(100%-40px); height:auto; overflow:hidden; margin:100px 20px 0px 20px;}
.s-ys .t{ width:calc(100%-40px); height:auto;}
.s-ys .t .img{ width:365px; height:728px; margin:0 auto; background:url(../images/s/s4.jpg) no-repeat center;}
.s-ys .t ul{ width:calc(100%-40px); height:728px; margin-top:20px; }
.s-ys .t ul li{ border-top:2px solid #93b6e6; height:143px;}
.s-ys .t ul li:nth-child(1) { background:url(../images/s/y1.png) no-repeat left 10px top 16px; }
.s-ys .t ul li:nth-child(2) { background:url(../images/s/y2.png) no-repeat left 10px top 16px; }
.s-ys .t ul li:nth-child(3) { background:url(../images/s/y3.png) no-repeat left 10px top 16px; }
.s-ys .t ul li:nth-child(4) { background:url(../images/s/y4.png) no-repeat left 10px top 16px; }
.s-ys .t ul li:nth-child(5) { background:url(../images/s/y5.png) no-repeat left 10px top 16px; }
.s-ys .t ul li h3{ color:#1862c9; font-weight:normal; font-size:25px; margin:20px 0 0 80px;}
.s-ys .t ul li p{ line-height:30px; font-size:18px; margin:10px 0 0 80px;}
.s-ys .t ul li.b{ border-bottom:2px solid #93b6e6;}

.s-ys .c{ width:100%; height:180px; overflow:hidden; }
.s-ys .c h3{ color:#1862c9; font-weight:normal; margin-right:40px; font-size:30px; text-align:center; margin-top:40px;}
.s-ys .c p{ line-height:25px; font-size:18px; margin-right:40px; margin-top:8px; text-align:center;}

.s-map{ position:relative; width:100%; height:auto; }
.s-map .wrap{ width:100%; height:auto; margin:0 auto;}
.s-map .wrap .map{ width:calc(100%-40px); height:470px; margin:0 20px; }

.amap-icon img { width: 25px; height: 34px; }
.amap-marker-label{ border: 0; background-color: transparent;}
.mapinfo{ background:#fff; padding:5px 10px;}
.mapinfo h3{ padding:0; margin:0;line-height:30px; }
.mapinfo p{ display:block; height:25px; line-height:25px; color:#333;}
.mapinfo a{ display:inline-block; border:1px solid #CCC; padding:4px 10px; color:#333; margin:5px 0 5px 0; background:#e6e6e6;}
.mapinfo a:hover{ background:#e6e6e6;}

.s-map .wrap .address{ width:480px; height:auto; margin:20px 0 20px 0; }
.s-map .wrap .address dl{ margin:0px 0 0 40px; height:60px; padding-left:60px; background:url(../images/s/y6.png) no-repeat left center; }
.s-map .wrap .address dl dt{ font-size:20px; color:#1862c9; line-height:30px;}
.s-map .wrap .address dl dd{ font-size:16px; color:#3d3d3d; line-height:30px;}
.s-map span.us{ display:none; }
.s-map span.cont{ display:none; }

.s-contact{ width:100%; height:auto; margin: 20px auto;}
.s-contact .wrap{ width:100%; height:auto; }
.s-contact dl{ margin:10px 0 0 40px; height:60px; padding-left:60px; background:url(../images/s/y7.png) no-repeat left center; }
.s-contact dl.e{ margin:10px 0 0 40px; height:60px; padding-left:60px; background:url(../images/s/y8.png) no-repeat left center; }
.s-contact dl dt{ font-size:20px; color:#1862c9; line-height:30px;}
.s-contact dl dd{ font-size:16px; color:#3d3d3d; line-height:30px;}
.contact{ margin-top:0px;}


.s-case{ width:100%; aspect-ratio: 1920 / 400; background:url(../images/s/s5.jpg) no-repeat top center; background-size: cover; /* 铺满容器不变形 */ overflow:hidden;}
.s-case-body { width:100%; height:auto; overflow:auto; margin:0 auto 100px auto;}
.s-case-body ul{ width:calc(100%-20px); display: flex; flex-wrap: wrap; margin:80px 10px 0 10px; /* 自动换行 */  /* 上下间距15px，左右间距20px（左右各10合计20） */}
.s-case-body li{ width: 250px; height:420px; margin-bottom:20px; text-align:center; overflow:hidden; }
.s-case-body li .img{ width:234px; height:329px; padding:8px; overflow:hidden; background:#e9e9e9;}
.s-case-body li .img img{ width:234px; height:329px; object-fit: cover; transition: all 0.3s ease; /* 平滑过渡 */}
.s-case-body li:hover img{transform: scale(1.08); /* 放大到1.08倍，可自行调整 */}
.s-case-body li h3{ line-height:30px; margin:20px 0 0 0;}


.location{ font-size:14px; width:calc(100%-40px); padding:0 15px; height:38px; line-height:38px; border:1px solid #ddd; margin:40px 20px 0px 20px;}
.location a{ float:left; color:#999;}
.location a.home{ float:left; color:#666;}
.location span{ float:left; color:#999; margin:0 7px;}
.location a:hover{ color:#666;}
.location a:last-child{ display:none;}
.location span:last-of-type{ display:none;}

.detail{ width:calc(100%-40px); height:auto; margin:0 20px; overflow:hidden; min-height:500px;}
.detail h3.title{ margin-top:30px; color:#333; font-size:18px; display:block; line-height:30px; text-align:center;}
.detail span.add_time{ font-size:14px; color:#666; display:block; line-height:30px; text-align:center;}
.detail img.img_url{ width:80%; display:block; margin:0 auto;}
.detail h3.tit{ width:100%; height:40px; margin-top:50px; border-bottom:2px solid #3672BA;}
.detail h3.tit span{ display:inline-block; height:40px; line-height:40px; font-weight:normal; padding:0 30px; color:#fff; font-size:16px; background:#3672BA;}
.detail .entry{ margin-top:30px;}
.detail .entry img{ max-width:80%;}


.s-links{ width:calc(100%-40px); padding:0 10px; height:200px; line-height:50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:30px 20px 50px 20px;}
.s-links a, .s-links span{ color:#666; font-size:15px;}
.s-links a.prot, .s-links span.prot{ float:left;}
.s-links a.next, .s-links span.next{ float:right;}





.s-news{ width:100%; aspect-ratio: 1920 / 400; background:url(../images/s/s6.jpg) no-repeat top center; background-size: cover; /* 铺满容器不变形 */ overflow:hidden;}
.s-news-category{ width:calc(100%-40px); height:auto; margin:60px 20px 0 20px;}
.s-news-category a{ display:inline-block; height:35px; margin:0 20px 20px 0; line-height:35px; padding:0 30px; color:#1b62c9; font-size:16px; border:2px solid #3372CF; border-radius:20px;}
.s-news-category a.cur{ background:#1b62c9; color:#fff;}
.s-news-category a:hover{ background:#1b62c9; color:#fff;}

.s-news-ul{ width:calc(100%-40px); height:auto; margin:50px 20px; padding:0 10px;}
.s-news-ul li{  width:calc(100%-40px); height:auto; overflow:auto; box-shadow: 0 1px 10px #eee; border-radius:10px; margin-bottom:30px; }
.s-news-ul li dl{ width:115px; height:95px; margin:37px 0 0 37px; overflow:hidden; background:#1B62C9; color:#fff; border-radius:20px;}
.s-news-ul li dl dt{ height:40px; line-height:45px; text-align:center; border-bottom:1px solid #85ABE2; font-size:25px; font-weight:bold; width:75px; margin:10px 20px 0 20px;}
.s-news-ul li dl dd{ height:30px; line-height:30px; text-align:center;}
.s-news-ul li div{ float:left; margin-left:30px; width:calc(100%-40px); height:auto; margin-top:30px;}
.s-news-ul li div h3{ font-size:20px; color:#1B62C9; line-height:30px; margin-right:20px;}
.s-news-ul li div p{ line-height:27px; color:#3d3d3d; font-size:17px; margin:10px 20px 20px 0; }

.s-news-ul li:hover{ background:#1B62C9; color:#fff; box-shadow: 0 1px 10px #eee; }
.s-news-ul li:hover dl{ background:#fff;  color:#1B62C9;}
.s-news-ul li:hover h3,.s-news-ul li:hover p{ color:#fff;}


.s-qa-ul{ width:calc(100%-40px); height:auto; margin:50px auto; padding:0 10px;}
.s-qa-ul li{ width:calc(100%-40px); padding:30px 30px 30px 30px; height:auto; box-shadow: 0 1px 10px #eee; border-radius:10px; margin-bottom:30px; }
.s-qa-ul li h3{ position:relative; font-size:20px; color:#1B62C9; line-height:30px; padding-bottom:20px;}
.s-qa-ul li h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: #1b62c9; transition: 0.3s all ease; border-radius:2px;}
.s-qa-ul li p{ line-height:27px; color:#3d3d3d; font-size:17px; margin-top:15px;}

.s-qa-ul li:hover{ background:#1B62C9; color:#fff; box-shadow: 0 1px 10px #eee; }
.s-qa-ul li:hover h3,.s-qa-ul li:hover p{ color:#fff;}




}