@charset "utf-8";

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
:root{--brand-blue:#235ca8;--brand-blue-dark:#163f78;--brand-blue-light:#7ea8d8;--brand-blue-soft:#e8f0fb;}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 1230px;background: #fff;color: #333;}
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;max-width:100%;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
a:hover {color: var(--brand-blue);}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}
ul {margin: 0;list-style: none;padding: 0;}

/* 模板样式 */
.main {
    width: 100%;
}
.center {
    width: 1200px;
    margin: 0 auto;
}
.box_tit {
    margin: 50px 0;
}
.box_tit span {
    font-size: 30px;
    text-align: center;
    color: #000;
    display: block;
}
.box_tit p {
    font-size: 18px;
    color: #666;
    display: block;
    text-align: center;
    margin-top: 12px;
    line-height: 170%;
}
.pro_screen {
    padding: 20px 50px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.pro_screen ul {
    margin-top: 10px;
}
.pro_screen ul li {
    margin: 0 8px;
    float: left;
}
.pro_screen ul li span {
    display: block;
    color: #aaa;
    padding: 7.5px 19px;
}
.pro_screen ul li a.active {
    color: #fff;
    background-color: var(--brand-blue);
}
.pro_screen ul li a {
    color: #aaa;
    padding: 6px 16px;
    display: block;
}
.flex_between {
    width: 100%;
    padding: 30px 0;
}
.flex_between .text {
    color: #333;
    float: left;
    margin-top: 4px;
}
.flex_between .text a.active {
    color: #fff;
    background-color: var(--brand-blue);
}
.flex_between .text a {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
}
.flex_between .search {
    position: relative;
    padding-right: 78px;
    float: right;
}
.flex_between .search input[type="text"] {
    width: 182px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ddd;
    border-right: 0;
    float: left;
    padding: 0 10px;
    outline: 0;
}
.flex_between .search input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 78px;
    float: right;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    outline: 0;
    border: none;
    background-color: var(--brand-blue);
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}
.case_list ul li {
    width: 31%;
    margin-right: 1.2%;
    border: 1px solid #eee;
    padding: 8px;
    margin-bottom: 15px;
    float: left;
}
.case_list ul li .scroll_pic {
    position: relative;
    width: 100%;
    height: 220px;
    margin: 0;
    overflow: hidden;
}
.case_list ul li .scroll_pic img {
    width: 100%;
    position: relative;
    display: block;
}
.case_list ul li .text h3 {
    line-height: 48px;
    border-bottom: 1px solid #f6f6f6;
    color: #555;
    padding: 0 5px;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.case_list ul li .text2 {
    width: 100%;
    -webkit-box-pack: justify;
            justify-content: space-between;

}
.case_list ul li .text2 span {
    font-size: 12px;
    color: #f60;
    float: left;
}
.case_list ul li .text2 span i {
    font-size: 22px;
    font-style: normal;
}
.case_list ul li .text2 span em {
    color: #999;
    font-style: normal;
    padding-left: 5px;
}
.case_list ul li .text2 a {
    display: block;
    width: 92px;
    height: 34px;
    border: 1px solid #e5e5e5;
    color: #555;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
    float: right;
}

.case_list ul li .text2 a:hover {
  background: var(--brand-blue);
  color: #fff;
  border-color: var(--brand-blue);
}

.case_list ul li .text3 {

  width: 100%;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 10px 0;

}
.case_list ul li .text3 p {
  font-size: 12px;
  color: #ccc;
  float: left;

}

.case_list ul li .text3 p em {
  font-style: normal;
  color: #999;
}


.case_list ul li .text3 span {
  float: right;
  margin-top: 3px;

}
.case_list ul li .text3 span i {
  font-style: normal;
  display: inline-block;
  color: var(--brand-blue-light);
  border: 1px solid var(--brand-blue-light);
  padding: 3px 2px;
  line-height: 1;
  font-size: 12px;
  line-height: 100%;
  margin-left: 5px;
}
.case_list ul li:nth-child(3n) {

  margin-right: 0;

}
a:active, a:hover {
    outline: 0;
}
.pages {

  margin-top: 40px;

  margin-bottom: 20px;

  text-align: center;

}



.pages a {

  display: inline-block;

  height: 32px;

  line-height: 30px;

  background: #fff;

  border: 1px solid #e6e6e6;

  text-align: center;

  color: #333;

  padding: 0 14px;

  border-radius: 5px;

  margin: 0 3px;

}



.pages a:hover {

  background: var(--brand-blue);

  color: #fff;

  text-decoration: none;

  border: 1px solid var(--brand-blue);

}



.pages a.current {

  background: var(--brand-blue);

  color: #fff;

  text-decoration: none;

  border: 1px solid var(--brand-blue);

}

/* 模板样式 */


.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}

.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}

.container {padding: 0 15px;width: 1200px;margin: 0 auto;}

.kf{width:208px;position:fixed;/* right: 20px; */right:-208px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;}
.kt-top{height:40px;line-height:40px;background:url(../img/kefu.png) 12px center no-repeat var(--brand-blue);-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff;}
.kt-top span:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0;}
.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.kf .con{overflow:hidden;background:#fff;}
.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px;}
.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block;}
.kf .qq li a img{padding-right:6px;}
.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../img/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom: 0;}
.kf .contact{margin-top:1px;height: auto;}
.kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:22px;margin: 0;}
.kf .contact p:nth-child(2n){padding-left:32px;}
.kf .con h5.qr-icon{background:url(../img/erweima.png) 16px center no-repeat;}
.kf .con .qr{margin-top:10px;padding-left:40px;}
.kf .con .qr img{width:110px;height:110px;}
.kf .backTop{width:100%;height:40px;margin-top:10px;background:url(../img/huidaodingbu.png) center center no-repeat var(--brand-blue);background-size:18px auto;cursor:pointer;}
.kf-side{padding:18px 10px 10px;background:var(--brand-blue);position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer;}
.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400;}
.kf-side span.arrow{width:12px;height:12px;background:url(../img/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px;}
.kf-side span.on{background:url(../img/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;}

.kf-home-red{width:238px;right:-238px;z-index:30;}
.kf-home-red .kt-top{height:48px;line-height:48px;background:#1e4c8f;padding:0 16px;border-radius:16px 16px 0 0;background-image:none;font-size:0;box-shadow:0 18px 36px rgba(20,24,38,0.18);position:relative;z-index:2;}
.kf-home-red .kt-top .kf-home-red-title{display:inline-block;font-size:17px;font-weight:700;color:#fff;letter-spacing:.02em;}
.kf-home-red .kt-top span.close{margin-top:16px;}
.kf-home-red .con{background:#fff;border:1px solid #f1f1f1;border-top:0;border-radius:0 0 16px 16px;box-shadow:0 18px 36px rgba(20,24,38,0.18);overflow:hidden;position:relative;z-index:2;}
.kf-home-red .kf-home-red-phone{display:flex;gap:10px;align-items:flex-start;padding:16px 16px 12px;border-top:4px solid #1e4c8f;border-bottom:1px solid #f2f2f2;}
.kf-home-red .kf-home-red-phone .icon{width:40px;height:40px;line-height:40px;border-radius:50%;background:#e8f0ff;color:#1e4c8f;text-align:center;font-size:22px;flex:0 0 40px;}
.kf-home-red .kf-home-red-phone .text strong,.kf-home-red .kf-home-red-phone .text em{display:block;font-style:normal;color:#1e4c8f;font-size:18px;line-height:1.15;font-weight:700;}
.kf-home-red .kf-home-red-phone .text p,.kf-home-red .kf-home-red-phone .text span{display:block;margin:5px 0 0;color:#7e7e7e;font-size:12px;line-height:1.45;}
.kf-home-red .kf-home-red-phone .text em{margin-top:10px;}
.kf-home-red .con h5{height:auto;line-height:1.4;padding:12px 16px 8px;margin:0;color:#353535;font-size:15px;background:none;font-weight:700;}
.kf-home-red .con h5.qq-icon,.kf-home-red .con h5.qr-icon{position:relative;padding-left:40px;}
.kf-home-red .con h5.qq-icon:before,.kf-home-red .con h5.qr-icon:before{content:'';position:absolute;left:16px;top:10px;width:18px;height:18px;border-radius:50%;background:#e8f0ff;}
.kf-home-red .con h5.qq-icon:after{content:'Q';position:absolute;left:21px;top:10px;font-size:12px;font-weight:700;color:#1e4c8f;}
.kf-home-red .con h5.qr-icon:after{content:'QR';position:absolute;left:18px;top:10px;font-size:10px;font-weight:700;color:#1e4c8f;letter-spacing:.04em;}
.kf-home-red .qq{padding:0 16px 6px;}
.kf-home-red .qq li{height:auto;line-height:normal;border-bottom:1px solid #f4f4f4;padding:0;}
.kf-home-red .qq li:last-child{border-bottom:0;}
.kf-home-red .qq li a{height:auto!important;display:flex;align-items:center;padding:10px 0;color:#4d4d4d;font-size:14px;}
.kf-home-red .qq li a img{width:20px;height:20px;padding-right:8px;}
.kf-home-red .contact{padding:0 16px 10px;}
.kf-home-red .contact p{height:auto;line-height:1.45;padding:0;margin:0;color:#727272;font-size:12px;}
.kf-home-red .contact p:nth-child(2n){padding:2px 0 10px;color:#313131;font-size:15px;font-weight:600;}
.kf-home-red .con .qr{margin-top:0;padding:0 16px 16px;text-align:center;}
.kf-home-red .con .qr img{width:108px;height:108px;border:1px solid #f0f0f0;padding:8px;background:#fff;box-sizing:border-box;}
.kf-home-red .kf-side{left:-38px;top:150px;transform:none;-webkit-transform:none;padding:12px 0px;width:38px;background:#1e4c8f;border-radius:10px 0 0 10px;box-shadow:-10px 12px 28px rgba(30,76,143,0.24);text-align:center;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:158px;}
.kf-home-red .kf-side .kf-side-icon{display:block;font-size:18px;line-height:1;color:#fff;margin:0 auto 12px;flex:0 0 auto;}
.kf-home-red .kf-side b{display:block;writing-mode:vertical-rl;text-orientation:upright;margin:0 auto;line-height:1.08;font-size:13px;font-weight:700;letter-spacing:.04em;text-align:center;flex:0 0 auto;}
.kf-home-red .kf-side span.arrow{margin:12px auto 0;background:none;width:auto;height:auto;color:#fff;font-size:16px;line-height:1;display:block;text-align:center;flex:0 0 auto;}
.kf-home-red .kf-side span.arrow:before{content:'<';display:block;}
.kf-home-red .kf-side span.arrow.on:before{content:'>';}
.kf-home-red .backTop{width:38px;height:64px;background:#1e4c8f;color:#fff;border-radius:10px 0 0 10px;box-shadow:-10px 12px 28px rgba(30,76,143,0.22);position:absolute;right:0;top:calc(150px + 170px);z-index:3;display:flex;align-items:center;justify-content:center;}
.kf-home-red .backTop:before{content:'';display:block;width:12px;height:12px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(45deg);margin-top:6px;}

@media screen and (max-width: 992px){
  .kf-home-red{display:none;}
}

.header {position: absolute;z-index: 100;left: 0;top: 0;width: 100%;padding: 14px 0;background: rgba(16,40,80,0.62);box-shadow: 0 10px 30px rgba(7,19,39,0.18);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.header .logo {float: left;height: 66px;line-height: 66px;text-align: left;}
.header .nav {font-size: 0;float: right;}
.header .nav li {display: inline-block;vertical-align: middle;margin-left: 16px;}
.header .nav li a {display: block;font-size: 16px;font-weight: 600;color: #fff;line-height: 66px;padding: 0 10px;position: relative;text-shadow: 0 2px 10px rgba(7,19,39,0.35);}
.header .nav li a:after {content: '';position: absolute;left: 10px;right: 10px;bottom: 12px;height: 3px;border-radius: 999px;background: var(--brand-blue-light);-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: center;transform-origin: center;-webkit-transition: -webkit-transform 0.35s ease, opacity 0.35s ease;transition: transform 0.35s ease, opacity 0.35s ease;opacity: 0;box-shadow: 0 0 18px rgba(126,168,216,0.45);}
.header .nav li a span {display: block;text-transform: uppercase;font-size: 11px;letter-spacing: 0.12em;opacity: 0.78;-webkit-transition: all 0.35s;transition: all 0.35s;color: rgba(255,255,255,0.78);}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after {content: '';border-top: 2px solid #fff;border-left: 2px solid #fff;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}
.header .nav li.dropdown {position: relative;}
.header .nav .dropdown-box {position: absolute;left: 50%;width: 180px;top: 100%;padding-top: 8px;background-color: rgba(16,40,80,0.96);display: none;z-index: 10;margin-left: -90px;text-align: center;border: 1px solid rgba(126,168,216,0.2);box-shadow: 0 18px 35px rgba(7,19,39,0.28);background-clip: padding-box;}
.header .nav .dropdown-box p {margin: 0;}
.header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff !important;line-height: 50px;font-size: 14px;padding: 0 14px;border-bottom: 0;background-image: none;text-shadow: none;}
.header .nav .dropdown-box a:after {display: none;}
.header .nav .dropdown-box a:hover {background-color: rgba(126,168,216,0.18) !important;}
.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover {background-position: center 110%;color: #fff;}
.header .nav li.active a:after,.header .nav li.open a:after,.header .nav li a:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);opacity: 1;}
.header .nav li.active a span,.header .nav li.open a span,.header .nav li a:hover span {opacity: 1;color: #fff;}
.header .nav li.open .dropdown-box {display: block;}
.menu-btn {display: none;padding: 6px 0;float: right;margin-left: 15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #fff;content: '';}
.menu-btn:before {width: 24px;}
.menu-btn:after {width: 18px;margin-left: 6px;}
.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}

.sp_nav_body {overflow: hidden;}

.sp_nav{width:18px;float:right;position:relative;cursor:pointer;z-index:10;height: 14px;margin: 25px 0 0 25px;}
.sp_nav span{display:block;background:#ffffff;width:18px;height:2px;position:absolute;left:0;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
.sp_nav .sp_nav1{top:0;}
.sp_nav .sp_nav2{top:6px;width:14px;}
.sp_nav .sp_nav3{top:12px;}
.sp_nav_se .sp_nav1,.sp_nav_se .sp_nav2,.sp_nav_se .sp_nav3 {background-color:#222222;}
.sp_nav_se .sp_nav1{top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.sp_nav_se .sp_nav2{width:0!important;}
.sp_nav_se .sp_nav3{top:5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.sp_nav_se .logo{display: none;}
.sp_nav_se .nav{display: none;}
.sp_nav:hover .sp_nav2{width:18px;}

.sp_nav-box {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 99;display: none;}
.sp_nav-box .container {display: table;height: 100%;}
.sp_nav-box .inner {display: table-cell;vertical-align: middle;}
.sp_nav-box ul {overflow: hidden;margin: 100px 0;}
.sp_nav-box li {float: left;width: 20%;font-size: 0;text-align: center;}
.sp_nav-box li a {display: inline-block;padding: 12px 0;font-size: 24px;vertical-align: middle;position: relative;}
.sp_nav-box li a:after {position: absolute;content: '';height: 3px;background-color: var(--brand-blue);left: 0;bottom: 0;-webkit-transition: all 0.5s;transition: all 0.5s;width: 0;}
.sp_nav-box li a:hover:after {width: 30px;}

.banner {height: 750px;position: relative;background:#081b3d;}
.banner .text {display: table;width: 100%;height: 100%;color: #fff;background: rgba(8,8,9,0.4);position: relative;z-index: 1;}
.banner .text .inner {display: table-cell;vertical-align: middle;text-align: center;}
.banner .text h4 {font-size: 54px;text-shadow: 0 2px 2px #333333;margin: 0 0 30px;-webkit-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.banner .text p {font-size: 22px;margin: 0;text-shadow: 0 2px 2px #333333;-webkit-transform: translateX(200px);transform: translateX(200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.banner .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.banner .text a:hover {background-color: var(--brand-blue);border-color: var(--brand-blue);}
.banner .img-cover {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner .swiper-slide {overflow: hidden;}
.banner .img-cover span {-webkit-transform: scale(1.03);transform: scale(1.03);-webkit-transition: -webkit-transform 6s ease;transition: transform 6s ease;}
.banner .ani-slide .img-cover span {-webkit-transform: scale(1);transform: scale(1);}
.banner .swiper-button-prev,.banner .swiper-button-next {width:52px;height:52px;margin-top:-26px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:all .25s ease;z-index:6;}
.banner .swiper-button-prev {left:36px;}
.banner .swiper-button-next {right:36px;}
.banner .swiper-button-prev,.banner .swiper-button-next {opacity:.45;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after {font-size:0;width:12px;height:12px;border-top:2px solid #fff;border-right:2px solid #fff;content:'';display:block;}
.banner .swiper-button-prev:after {transform:rotate(-135deg);margin-left:4px;}
.banner .swiper-button-next:after {transform:rotate(45deg);margin-right:4px;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover {opacity:.85;}
.banner .swiper-pagination {display: block;bottom: 28px !important;}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;background: rgba(255,255,255,0.55);opacity: 1;}
.banner .swiper-pagination-bullet-active {background: #fff;box-shadow: 0 0 0 4px rgba(255,255,255,0.22);}
.banner .ani-slide h4,.banner .ani-slide p {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}

.in-total {color:#17315f;margin:32px 0 0;position:relative;z-index:2;text-align:center;background:#fff;border:1px solid rgba(30,76,143,0.08);border-radius:24px;box-shadow:0 18px 40px rgba(14,34,66,0.1);overflow:hidden;display:flex;flex-wrap:nowrap;}
.in-total li {float:none;width:25%;padding:34px 20px;position:relative;}
.in-total li:before {content:'';position:absolute;left:0;top:30px;bottom:30px;width:1px;background:linear-gradient(180deg,rgba(30,76,143,0),rgba(30,76,143,0.14),rgba(30,76,143,0));}
.in-total li:first-child:before {display:none;}
.in-total li span {display:block;line-height:1;font-size:22px;font-weight:600;color:#35527f;}
.in-total li strong {font-size:64px;position:relative;display:inline-block;font-family:Impact;margin-right:6px;color:#1e4c8f;}
.in-total li strong:before {position:absolute;right:-16px;top:4px;font-size:24px;}
.in-total li p {margin:14px auto 0;font-size:16px;line-height:1.75;color:#6a7890;max-width:13em;}

.section {padding: 80px 0;}
.home-section-compact {padding-top:56px;}
.section-title {text-align: center;margin-bottom: 40px;font-size: 33px;}
.section-title h2 {font-size: inherit;font-weight: 700;margin: 0;display: inline-block;}
.section-title span {color: var(--brand-blue);text-transform: uppercase;}
.section-title p {font-size: 18px;margin: 5px 0 0;color: #666;}
.section-title-1 {background: url(../img/title_bg.png) repeat-x center -5px;}
.section-title-1 strong,.section-title-1 h2 {padding: 0 30px;display: inline-block;}
.section-title-case-lines {background: none;}
.section-title-case-lines strong,.section-title-case-lines h2 {padding: 0;position: relative;}
.section-title-case-lines strong:before,.section-title-case-lines strong:after,.section-title-case-lines h2:before,.section-title-case-lines h2:after {content: "";position: absolute;top: 50%;width: 70px;height: 2px;margin-top: -1px;}
.section-title-case-lines strong:before,.section-title-case-lines h2:before {right: calc(100% + 20px);background: linear-gradient(to left,#272b31,transparent);}
.section-title-case-lines strong:after,.section-title-case-lines h2:after {left: calc(100% + 20px);background: linear-gradient(to right,#272b31,transparent);}
.section-title-2:after {content: '';display: block;margin: 15px auto 0;width: 60px;height: 5px;background-color: var(--brand-blue);}
.section-sub {padding: 40px 0;}

.in-server {margin: -20px 0 0 -20px;}
.in-server li {float: left;width: 20%;}
.in-server li a {display: block;border: 1px solid #f4f4f4;margin: 20px 0 0 20px;text-align: center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-server li .img-center {height: 105px;line-height: 105px;padding-top: 20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-server li h4 {margin: 30px 0 10px;font-size: 22px;font-weight: normal;}
.in-server li p {margin: 0 20px 20px;color: #868686;text-align: justify;}
.in-server li span {display: block;line-height: 54px;background-color: #f9f9f9;color: #868686;border-top: 1px solid #f4f4f4;font-size: 16px;}
.in-server li a:hover {box-shadow: 0 0 26px #cacaca;-webkit-transform: translateY(10px);transform: translateY(10px);border-color: #d6d6d6;}
.in-server li a:hover span {background-color: var(--brand-blue);color: #fff;}
.in-server li a:hover .img-center {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

.in-seo li {float: left;width: 33.333333%;}
.in-seo li a {display: block;color: #fff;background: url(../img/product-bg-blue.jpg) no-repeat center / cover;text-align: center;padding: 30px;}
.in-seo li .img-center {height: 74px;line-height: 74px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-seo li p {margin: 15px 0 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.in-seo li:nth-child(even) a {background-image: url(../img/product-bg-gray.jpg);color: #333;}
.in-seo li a:hover .img-center {-webkit-transform: scale(0.9);transform: scale(0.9);}

.ai-search-section {padding-top:52px;background:#fff;overflow:hidden;}
.ai-search-head {margin-bottom:40px;}
.ai-search-head strong {display:block;color:#18305d;letter-spacing:0;}
.ai-search-head p {margin:5px 0 0;color:#666;}
.ai-search-head p em {font-style:normal;color:#5b71ff;}
.ai-search-grid {display:flex;flex-wrap:nowrap;align-items:stretch;margin:0 -10px;}
.ai-search-grid li {width:20%;padding:0 10px;box-sizing:border-box;}
.ai-search-card {height:100%;min-height:252px;padding:20px 18px 0;border-radius:20px;overflow:hidden;box-shadow:0 14px 28px rgba(31,52,95,0.06);display:flex;flex-direction:column;}
.ai-search-card h4 {margin:0 0 12px;font-size:23px;line-height:1.32;color:#18305d;font-weight:700;}
.ai-search-card p {margin:0;color:#73829d;font-size:14px;line-height:1.72;}
.ai-search-card.tone-1 {background:linear-gradient(180deg,#dff3ff 0%,#d4ecff 100%);}
.ai-search-card.tone-2 {background:linear-gradient(180deg,#dce5ff 0%,#d2ddff 100%);}
.ai-search-card.tone-3 {background:linear-gradient(180deg,#e8d7ff 0%,#e0d0ff 100%);}
.ai-search-card.tone-4 {background:linear-gradient(180deg,#dce5ff 0%,#d4deff 100%);}
.ai-search-card.tone-5 {background:linear-gradient(180deg,#dff2ff 0%,#d4ecff 100%);}
.ai-search-media {margin-top:auto;padding-top:8px;display:flex;align-items:flex-end;justify-content:center;height:124px;}
.ai-search-media img {display:block;max-width:100%;max-height:100%;width:auto;height:auto;}


@media screen and (max-width: 1400px){
  .ai-search-card {min-height:242px;padding:18px 15px 0;}
  .ai-search-card h4 {font-size:21px;}
  .ai-search-card p {font-size:13px;line-height:1.68;}
  .ai-search-media {height:114px;}
}

@media screen and (max-width: 1200px){
  .ai-search-grid {flex-wrap:wrap;}
  .ai-search-grid li {width:33.3333%;margin-bottom:40px;}
}

@media screen and (max-width: 768px){
  .ai-search-section {padding-top:34px;}
  .ai-search-head {margin-bottom:18px;}
  .ai-search-head p {font-size:12px;line-height:1.7;}
  .ai-search-grid {display:flex;flex-wrap:wrap;align-items:stretch;align-content:flex-start;margin:0 -6px;overflow:hidden;}
  .ai-search-grid.clearfix:before,.ai-search-grid.clearfix:after {display:none;content:none;}
  .ai-search-grid li {width:50%;padding:0 6px 30px;box-sizing:border-box;margin:0;float:none;display:block;}
  .ai-search-card {min-height:248px;padding:16px 12px 0;border-radius:16px;}
  .ai-search-card h4 {font-size:17px;line-height:1.4;margin-bottom:8px;min-height:2.8em;}
  .ai-search-card p {font-size:12px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;min-height:6.4em;}
  .ai-search-media {height:84px;padding-top:8px;}

}

.in-menu {margin: -20px 0 0 -20px;}
.in-menu {text-align: center;font-size: 0;margin-bottom: 30px;}
.in-menu li {display: inline-block;vertical-align: middle;}
.in-menu li a {display: block;font-size: 18px;line-height: 50px;padding: 0 20px;border: 1px solid #dfdfdf;margin: 20px 0 0 20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-menu li a:hover,.in-menu li.active a {color: #fff;background-color: var(--brand-blue);border-color: var(--brand-blue);}

.list-1 {margin: -20px 20px 0 0;}
.list-1 li {float: left;width: 25%;}
.list-1 li a {display: block;margin: 20px 0 0 20px;position: relative;}
.list-1 li .img-cover {padding-top: 70%;}
.list-1 li .text {position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;display: table;background-color: rgba(0,0,0,0.7);-webkit-transform: scale(0);transform: scale(0);overflow: hidden;}
.list-1 li .inner {display: table-cell;vertical-align: middle;text-align: center;padding:50px 20px; box-sizing: border-box;}
.list-1 li .text h4 {margin: 0;font-size: 28px;font-weight: normal;}
.list-1 li .text p {margin: 10px 0 0;font-size: 18px; line-height: 28px;}
.list-1 li a:hover .text {-webkit-transform: scale(1);transform: scale(1);}

.list-2 {margin: -30px 0 0 -30px;overflow: hidden;}
.list-2 li {float: left;width: 50%;}
.list-2 li a {display: block;margin: 30px 0 0 30px;overflow: hidden;border: 1px solid #e4e4e4;padding: 12px;}
.list-2 li .date {float: left;width: 65px;background-color: #969393;color: #fff;text-align: center;padding: 7px 0;}
.list-2 li .date strong {display: block;font-family: Impact;font-size: 30px;line-height: 1;margin-bottom: 1px;}
.list-2 li .text {margin-left: 77px;}
.list-2 li .text h4 {margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-2 li .text p {margin: 5px 0 0;color: #888;height: 40px;overflow: hidden;}
.list-2 li a:hover {border-color: var(--brand-blue);}
.list-2 li a:hover .date {background-color: var(--brand-blue);}

@-webkit-keyframes scale{
    0%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    50%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
}

@keyframes scale{
    0%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    50%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
}

.in-desc {overflow: hidden;background: url(../img/indexlogobg.jpg) no-repeat center / cover;color: #fff;}
.in-desc .logo {float: left;width: 500px;text-align: left;}
.in-desc .logo img {-webkit-animation: 2s scale linear infinite;animation: 2s scale linear infinite;}
.in-desc .text {margin-left: 500px;}
.in-desc .text h4 {margin: 0;font-size: 30px;}
.in-desc .text h5 {font-size: 18px;margin: 20px 0 10px;}
.in-desc .text p {margin: 0;font-size: 16px;line-height: 1.8;text-align: justify;}
.in-desc .text a {display: inline-block;background: url(../img/mbtxindex.png) no-repeat 0 0;width: 236px;line-height: 42px;padding-right: 40px;text-align: center;font-size: 18px;margin: 30px 30px 0 0;}

.in-partners {text-align: center;font-size: 0;margin: -15px 0 0 -15px;}
.in-partners li {display: inline-block;vertical-align: middle;}
.in-partners li a {display: block;margin: 15px 0 0 15px;}
.in-partners li .img-center {height: 65px;line-height: 65px;}

.in-process {}
.in-process li {float: left;width: 16.666666%;}
.in-process li a {display: block;text-align: center;}
.in-process li .img-center {height: 60px;line-height: 60px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-process li h4 {margin: 15px 0 0;font-size: 18px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-process li p {margin: 10px 0 0;font-size: 12px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #888;}
.in-process li a:hover .img-center {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

.in-dynamic {margin: -30px 0 0 -30px;}
.in-dynamic li {float: left;width: 33.333333%;}
.in-dynamic li a {display: block;background-color: #fff;border: 1px solid #e6e6e6;box-sizing: border-box;-webkit-transition: all 0.5s;transition: all 0.5s;padding: 30px;margin: 30px 0 0 30px;}
.in-dynamic li h4 {margin: 0;font-weight: normal;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-dynamic li p {margin: 15px 0 0;color: #888;height: 40px;overflow: hidden;}
.in-dynamic li a:hover {box-shadow: 0px 5px 20px rgba(0,0,0,0.2);}

.more-big {margin: 40px auto 0;display: block;text-align: center;border: 1px solid #dbdbdb;line-height: 48px;width: 150px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.more-big:hover {color: #fff;background-color: var(--brand-blue);border-color: var(--brand-blue);}

.in-partone {margin-left: -30px;}
.in-partone li {float: left;width: 50%;}
.in-partone li .wrap {margin-left: 30px;text-align: center;background: url(../img/part_05.png) no-repeat center / cover;padding: 70px 0;color: #fff;}
.in-partone li h4 {margin: 0;font-weight: normal;font-size: 32px;}
.in-partone li a {display: block;margin: 30px auto 0;border: 1px #fff solid;border-radius: 6px;font-size: 18px;line-height: 35px;width: 140px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-partone li a:hover {background-color: #fff;color: #333;}
.in-partone li:last-child .wrap {background-image: url(../img/part_07.png);}

.in-ready {text-align: center;}
.in-ready h4 {margin: 0;font-weight: normal;font-size: 24px;}
.in-ready .btn {margin: 15px auto;background: url(../img/djwz.jpg) center repeat-x;width: 900px;}
.in-ready .btn a {display: inline-block;vertical-align: middle;border-left: 25px solid #fff;border-right: 25px solid #fff;line-height: 55px;background-color: var(--brand-blue);color: #fff;width: 350px;font-size: 22px;}
.in-ready p {margin: 0;font-size: 16px;letter-spacing: 5px;text-indent: 5px;}

.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: var(--brand-blue);padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}

.footer {background-color: #1e1d1d;color: #959595;}
.footer a {color: #959595;-webkit-transition: all 0.5s;transition: all 0.5s;}
.footer a:hover {color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.footer dl {float: left;margin: 0;width: 210px;}
.footer dt {font-size: 16px;color: #eae8e8;margin-bottom: 20px;}
.footer dd {margin: 0;}
.footer li a {display: block;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer li a:hover {-webkit-transform: translateX(10px);transform: translateX(10px);}
.footer .lx {width: 360px;}
.footer .lx .tel {color: #fff;font-family: Impact;font-size: 40px;}
.footer .lx p {margin: 10px 0 0;}
.footer-top {padding: 40px 0;background-color: #000;margin-bottom: 60px;}
.footer-top span {float: left;width: 190px;padding-left: 50px;line-height: 40px;font-size: 16px;color: #d0d0d0;background: no-repeat 0 center;}
.footer-top span.i1 {background-image: url(../img/icon1.png);}
.footer-top span.i2 {background-image: url(../img/icon2.png);}
.footer-top span.i3 {background-image: url(../img/icon3.png);}
.footer-top span.i4 {background-image: url(../img/icon4.png);}
.footer-top span.i5 {background-image: url(../img/icon5.png);}
.footer-copy {margin-top: 60px;border-top: 1px solid #363636;padding: 20px 0;color: #6a6a6a;text-align: center;}

.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1 {background-image: url(../img/f_01.png);}
.footer-fix li i.i2 {background-image: url(../img/f_02.png);}
.footer-fix li i.i3 {background-image: url(../img/f_03.png);}
.footer-fix li i.i4 {background-image: url(../img/f_04.png);}

.banner-sub {height: 500px;background: no-repeat center / cover;color: #fff;text-align: center;font-size: 44px;text-shadow: 0 2px 2px #333333;}
.banner-sub .container {display: table;height: 100%;}
.banner-sub .inner {display: table-cell;vertical-align: middle;}
.banner-sub .inner h1 {font-size: inherit;margin: 0;font-weight: inherit;line-height: inherit;}
.banner-sub .banner-note {margin-top: 16px;font-size: 18px;line-height: 1.8;color: rgba(255,255,255,.9);font-weight: 400;}

.pages {margin: 40px 0 0;text-align: center;font-size: 0;}
.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 2px;background-color: #f5f5f5;border-radius: 3px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.pages a:hover,.pages .cur {background-color: var(--brand-blue);color: #fff;border:1px solid var(--brand-blue);}

.lanmu {position: relative;background-color: #f1f1f1;text-align: center;}
.lanmu-title {display: none;line-height: 50px;font-size: 16px;}
.lanmu-title:after {content: '';display: inline-block;vertical-align: middle;margin: 0 0 -3px 10px;border-width: 7px;border-style: solid dashed dashed dashed;border-color: #333 transparent transparent transparent;}
.lanmu ul {font-size: 0;}
.lanmu li {display: inline-block;vertical-align: middle;}
.lanmu li a {display: block;line-height: 70px;font-size: 17px;position: relative;padding: 0 40px;border-right: 1px solid #ddd;-webkit-transition: all 0.5s;transition: all 0.5s;}
.lanmu li:last-child a {border-right: 0;}
.lanmu li.active a,.lanmu li a:hover {background-color: var(--brand-blue);color: #fff;}

.position {padding: 20px 0;background-color: #ededed;color: #777;}
.position i {margin-right: 10px;display: inline-block;vertical-align: top;width: 17px;height: 20px;background: url(../img/daohangdw.png) no-repeat center;}

.seo-1 {margin-left: -25px;}
.seo-1 li {float: left;width: 20%;}
.seo-1 li a {display: block;-webkit-transition: all 0.5s;transition: all 0.5s;margin-left: 25px;padding: 120px 20px 20px;background: no-repeat center / 100% 100%;text-align: center;}
.seo-1 li.i1 a {background-image: url(../img/pc1.png);}
.seo-1 li.i2 a {background-image: url(../img/wap1.png);}
.seo-1 li.i3 a {background-image: url(../img/weixin1.png);}
.seo-1 li.i4 a {background-image: url(../img/web1.png);}
.seo-1 li.i5 a {background-image: url(../img/tel1.png);}
.seo-1 li h4 {margin: 0 0 20px;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.seo-1 li p {text-align: justify;margin: 0;height: 80px;overflow: hidden;color: #666;-webkit-transition: all 0.5s;transition: all 0.5s;}
.seo-1 li a:hover {-webkit-transform: translateY(-10px);transform: translateY(-10px);color: #fff;}
.seo-1 li a:hover p {color: #fff;}
.seo-1 li.i1 a:hover {background-image: url(../img/pc1_h.png);}
.seo-1 li.i2 a:hover {background-image: url(../img/wap1_h.png);}
.seo-1 li.i3 a:hover {background-image: url(../img/weixin1_h.png);}
.seo-1 li.i4 a:hover {background-image: url(../img/web1_h.png);}
.seo-1 li.i5 a:hover {background-image: url(../img/tel1_h.png);}

.seo-2 {background-color: #fff;padding: 0 30px 30px 0;}
.seo-2 li {float: left;width: 25%;}
.seo-2 li a {display: block;border: 1px solid #ddd;margin: 30px 0 0 30px;padding: 10px;}
.seo-2 li .img-center {height: 240px;line-height: 240px;}
.seo-2 li .text {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 35px;background-color: #f4f4f4;font-size: 15px;}
.seo-2 li a:hover {border-color: var(--brand-blue);}
.seo-2 li a:hover .text {background-color: var(--brand-blue);color: #fff;}

.seo-3 {background: url(../img/con3.jpg) no-repeat center 0;padding-top: 80px;}
.seo-3 ul {position: relative;height: 400px;}
.seo-3 li {position: absolute;border: 2px solid #838383;font-size: 16px;padding: 10px 20px;line-height: 24px;font-weight: bold;background-color: #fff;}
.seo-3 li span {color: var(--brand-blue);font-size: 22px;line-height: 1;}
.seo-3 li:after {position: absolute;left: 100%;top: 15px;content: '';width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 16px;border-color: transparent transparent transparent #838383;}
.seo-3 li:nth-child(even):after {left: auto;right: 100%;border-width: 8px 16px 8px 0;border-color: transparent #838383 transparent transparent;}
.seo-3 li.o1 {top: 0;right: 844px;}
.seo-3 li.o2 {top: 0;left: 795px;}
.seo-3 li.o3 {top: 100px;right: 886px;}
.seo-3 li.o4 {top: 100px;left: 838px;}
.seo-3 li.o5 {top: 200px;right: 886px;}
.seo-3 li.o6 {top: 200px;left: 838px;}
.seo-3 li.o7 {top: 300px;right: 844px;}
.seo-3 li.o8 {top: 300px;left: 795px;}
.seo-3 .zd {display: block;margin: 0 auto;border: 1px var(--brand-blue) dashed;width: 130px;height: 130px;border-radius: 50%;text-align: center;padding: 5px;}
.seo-3 .zd span {display: block;background-color: var(--brand-blue);color: #fff;border-radius: 50%;font-size: 30px;padding: 23px 0;}
.seo-3 .zd:hover {border-color: #000;}
.seo-3 .zd:hover span {background-color: #000;}

.seo-4 .item {float: left;width: 560px;}
.seo-4 .tit {margin-bottom: 30px;}
.seo-4 .tit h4 {margin: 0;font-size: 36px;color: var(--brand-blue);}
.seo-4 .tit h4 small {font-weight: normal;color: #333;font-size: 18px;margin-left: 20px;}
.seo-4 .tit span {display: block;font-size: 26px;}
.seo-4 ul {border: 1px solid var(--brand-blue);border-radius: 10px;padding: 10px 20px 30px 20px;}
.seo-4 li {margin: 10px 0;font-size: 16px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.seo-4 li span {display: inline-block;vertical-align: top;width: 22px;height: 22px;text-align: center;background-color: var(--brand-blue);color: #fff;margin-right: 10px;border-radius: 3px;line-height: 22px;}
.seo-4 li:hover {-webkit-transform: scale(1.02);transform: scale(1.02);}
.seo-4 li em {font-style: normal;color: var(--brand-blue);}
.seo-4 .more {display: block;line-height: 44px;width: 180px;text-align: center;margin: -20px auto 0;background-color: var(--brand-blue);color: #fff;font-size: 16px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.seo-4 .more:hover {background-color: #000;}

.seo-5 {font-size: 0;margin-left: -50px;text-align: center;}
.seo-5 li {display: inline-block;vertical-align: middle;width: 20%;}
.seo-5 li .wrap {margin: 0 0 0 50px;}
.seo-5 li .m {background: url(../img/img10_2.png) no-repeat center / contain;height: 180px;}
.seo-5 li .m i {display: block;background: no-repeat center / contain;height: 77.77%;}
.seo-5 li .m i.i1 {background-image: url(../img/ys1.png);}
.seo-5 li .m i.i2 {background-image: url(../img/ys2.png);}
.seo-5 li .m i.i3 {background-image: url(../img/ys3.png);}
.seo-5 li .m i.i4 {background-image: url(../img/ys4.png);}
.seo-5 li .m i.i5 {background-image: url(../img/ys5.png);}
.seo-5 li .wrap:hover .m i.i1 {background-image: url(../img/ys11.png);}
.seo-5 li .wrap:hover .m i.i2 {background-image: url(../img/ys22.png);}
.seo-5 li .wrap:hover .m i.i3 {background-image: url(../img/ys33.png);}
.seo-5 li .wrap:hover .m i.i4 {background-image: url(../img/ys44.png);}
.seo-5 li .wrap:hover .m i.i5 {background-image: url(../img/ys55.png);}
.seo-5 li h4 {margin: 15px 0;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.seo-5 li p {margin: 0;font-size: 14px;color: #666;}

.about-1 {margin: 0;}
.about-1 .text {margin-top: 50px;text-align: justify;font-size: 16px;line-height: 1.8;}
.about-1 .text p {margin: 0;text-indent: 2em;}
.about-1 .in-total {margin-top: 50px;background: none;color: #333;}
.about-1 .in-total li {padding: 0;}

.about-2 {background-image: url(../img/xuanzebg.jpg);}
.about-2 .logo {margin-bottom: -80px;}

.about-3 {margin: -20px 0 0 -20px;}
.about-3 li {float: left;width: 33.333333%;}
.about-3 li a {display: block;border: 1px solid #eaeaea;padding: 20px;margin: 20px 0 0 20px;}
.about-3 li h4 {font-size: 24px;margin: 0;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about-3 li p {margin: 10px 0 0;height: 40px;overflow: hidden;}
.about-3 li a:hover {box-shadow: 0 0 30px #eeeeee;}

.about-3-more {margin-top: 40px;text-align: center;font-size: 0;}
.about-3-more a {display: inline-block;background-color: var(--brand-blue);color: #fff;border-radius: 50px;font-size: 22px;line-height: 45px;width: 400px;vertical-align: middle;margin: 0 20px;}
.about-3-more a:last-child {background-color: #000;}

.table-1 img {display: inline-block;vertical-align: middle;}
.table-1 table {width: 100%;border-collapse: collapse;background-color: #fff;font-size: 16px;}
.table-1 tr:nth-child(odd) {background-color: #eee;}
.table-1 th,.table-1 td {border: 1px solid #ddd;padding: 15px 20px;}
.table-1 th {text-align: center;font-weight: normal;font-size: 18px;color: #fff;}
.table-1 th:first-child {width: 180px;background-color: #474747;}
.table-1 th:nth-child(2) {background-color: var(--brand-blue);}
.table-1 th:last-child {background-color: #8e8e8e;}
.table-1 td:first-child {color: #888;}

.map {height: auto;overflow: hidden;line-height: 0;}
.map img {display: block;margin: 0 auto;max-width: 100%;height: auto;}

.contact-left {float: left;width: 750px;}
.contact-left .tel {font-size: 20px;margin-bottom: 30px;}
.contact-left .tel strong {font-family: Impact;font-size: 34px;color: var(--brand-blue);}
.contact-left li {background: no-repeat 0 0;border-bottom: 1px dashed #cac9c9;padding-left: 45px;font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;line-height: 1.8;}
.contact-left li.i1 {background-image: url(../img/conatct_icon2.png);}
.contact-left li.i2 {background-image: url(../img/conatct_icon3.png);}
.contact-left li.i3 {background-image: url(../img/zuoxi.png);}
.contact-left li.i4 {background-image: url(../img/conatct_icon1.png);}

.contact-right {float: right;width: 370px;}
.contact-right .tit {font-size: 16px;}
.contact-right .tit img {vertical-align: middle;}
.contact-right dl {margin: 20px 0 0;overflow: hidden;}
.contact-right dt {float: left;width: 152px;border: 1px solid #ebebeb;}
.contact-right dd {margin-left: 170px;}
.contact-right dd h4 {font-size: 26px;font-weight: normal;margin: 0;}
.contact-right dd p {margin: 15px 0 0;font-size: 16px;color: #999;}

.v-lanmu {float: right;width: 160px;}
.v-lanmu li {margin-bottom: 10px;}
.v-lanmu li a {display: block;width: 90px;padding: 20px;border: 1px solid #ddd;background-color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.v-lanmu li a:after {display: block;content: '';width: 20px;height: 2px;background-color: var(--brand-blue);margin-top: 10px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.v-lanmu li strong {display: block;line-height: 1.1;margin-bottom: 5px;}
.v-lanmu li a:hover {background-color: var(--brand-blue);color: #fff;border-color: var(--brand-blue);width: 118px;}
.v-lanmu li a:hover:after {background-color: #fff;}
.v-main {margin-right: 200px;}
.v-main.news-main-full {margin-right: 0;}
.v-main.news-main-full .list-3 li .img-center {width: 240px;flex: 0 0 240px;}
.v-main.news-main-full .list-3 li .text {margin-left: 30px;}

.h-lanmu {font-size: 0;margin-bottom: 20px;}
.h-lanmu li {display: inline-block;vertical-align: middle;margin: 0 10px 10px 0;}
.h-lanmu li a {display: block;padding: 0 30px;line-height: 50px;background-color: #fff;font-size: 16px;}
.h-lanmu li a:hover,.h-lanmu li.active a {background-color: var(--brand-blue);color: #fff;}

.list-3 li {margin-bottom: 20px;}
.list-3 li a {display: flex;align-items: center;overflow: hidden;background-color: #fff;padding: 20px;}
.list-3 li .img-center {float: none;width: 204px;flex: 0 0 204px;}
.list-3 li .text {margin-left: 20px;flex: 1;min-width: 0;}
.list-3 li .text h4 {margin: 0;font-size: 22px;font-weight: normal;}
.list-3 li .text p {color: #999;margin: 15px 0 0;line-height: 1.7;}
.list-3 li .text span {display: block;margin-top: 15px;font-size: 12px;color: #999;}
.list-3 li a:hover {box-shadow: 0 0 20px #eeeeee;}

.banner-content .inner {vertical-align: bottom;}
.content-title {text-align: left;margin-bottom: 40px;}
.content-title h1 {font-size: 38px;margin: 0;overflow-wrap: break-word;word-break: break-word;}
.content-title p {font-size: 0;margin: 20px 0 0;}
.content-title p span {display: inline-block;vertical-align: middle;font-size: 14px;margin-right: 30px;}
.content-main .content-title {margin: -5px 0 25px;padding-bottom: 20px;border-bottom: 1px solid #eee;text-align: center;}
.content-main .content-title h1 {color: #222;font-size: 30px;}
.content-main .content-title p {color: #999;}
.content-main,.content-xg {background-color: #fff;padding: 30px;}
.content-body {line-height: 1.8;overflow-wrap: break-word;word-wrap: break-word;}
.content-body img {max-width: 100% !important;height: auto !important;width: auto !important;}
.content-body pre {white-space: pre-wrap;overflow-wrap: break-word;word-wrap: break-word;word-break: break-all;max-width: 100%;overflow-x: auto;}
.content-body table {max-width: 100%;}
.content-exp {border-top: 1px dashed #ccc;padding-top: 20px;overflow: hidden;margin-top: 20px;}
.content-exp li {
  float: left;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.content-exp li:last-child {text-align: right;}
.content-tips {border-top: 1px dashed #ccc;padding-top: 20px;margin-top: 20px;line-height: 1.8;color: var(--brand-blue);}
.content-tips .ss {padding: 2px 6px;background-color: var(--brand-blue);color: #fff;}
.content-xg {margin-top: 30px;clear: both;}
.content-xg-left {float: left;width: 520px;border-right: 1px solid #eee;padding-right: 50px;}
.content-xg-right {float: right;width: 520px;}
.content-xg .tit {line-height: 1;border-left: 6px solid var(--brand-blue);font-size: 24px;padding-left: 15px;margin-bottom: 20px;}
.content-xg li {color: #666;line-height: 30px;list-style: disc;list-style-position: inside;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-xg li span {float: right;font-size: 12px;color: #999;}

.webdes {margin: 10px 0 0 -20px;}
.webdes li {float: left;width: 25%;}
.webdes li a {display: block;margin: 20px 0 0 20px;background-color: #fff;text-align: center;border: 2px #efefef solid;line-height: 98px;font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s;transition: all 0.5s;}
.webdes li a:hover {border-color: var(--brand-blue);color: var(--brand-blue);}

.content-case-title {background-color: #1e1d1d;color: #9b9b9b;padding: 50px 0;}
.content-case-title a {color: #9b9b9b;}
.content-case-title a:hover {color: #fff;}
.content-case-title h4 {margin: 0 0 20px;font-size: 32px;}
.content-case-title h5 {margin: 0 0 20px;font-size: 18px;}
.content-case-title dl {margin: 20px 0 0;}
.content-case-title dt {font-size: 16px;background: url(../img/cu_jj.png) no-repeat 0 center;padding-left: 30px;margin-bottom: 10px;}
.content-case-title dt.ico-fw {background-image: url(../img/cu_xm.png);}
.content-case-title dd {margin: 0;line-height: 1.8;text-align: justify;}
.content-case-title dd .cehuap {font-size: 0;margin-top: -10px;text-align: left;margin-left: -15px;}
.content-case-title dd .cehuap p {display: inline-block;font-size: 14px;text-align: center;line-height: 30px;color: #a0a0a0;border: 1px solid #3d3d3d;border-radius: 30px;margin: 10px 0 0 15px;vertical-align: top;padding: 0 20px;}
.content-case-title .view {font-size: 16px;background: url(../img/dianzan.png) no-repeat 0 center;padding-left: 30px;}
.content-case-title .btn {margin-top: 30px;}
.content-case-title .btn a {display: block;margin-top: 15px;border: 1px solid #9b9b9b;line-height: 36px;font-size: 16px;text-align: center;border-radius: 20px;}
.content-case-title .btn a:hover,.content-case-title .btn a:last-child {background-color: var(--brand-blue);border-color: var(--brand-blue);color: #fff;}
.content-case-title-left {float: left;width: 920px;}
.content-case-title-right {float: right;width: 180px;padding-top: 50px;}

.content-case-xg .tit {font-size: 28px;margin-bottom: 40px;}

.list-4 {margin: -40px 0 0 -40px;}
.list-4 li {float: left;width: 33.333333%;}
.list-4 li a {display: block;background-color: #fff;border: 1px solid #e6e6e6;box-sizing: border-box;margin: 40px 0 0 40px;}
.list-4 li .img-cover {padding-top: 71%;}
.list-4 li .text {padding: 20px;}
.list-4 li .text h4 {font-weight: normal;margin: 0;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.list-4 li .text p {margin: 10px 0 0;color: #888;height: 40px;overflow: hidden;}
.list-4 li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}

.wzjs-1 {margin-bottom: 40px;}
.wzjs-1 .pic {float: left;padding: 10px;width: 450px;background: url(../img/bj_12.jpg) center no-repeat;height: 305px;}
.wzjs-1 .pic .img-center {height: 305px;line-height: 305px;}
.wzjs-1 .info {margin-left: 500px;}
.wzjs-1 .info h1 {margin: 0;font-size: 0;font-weight: normal;}
.wzjs-1 .info h1 span,.wzjs-1 .info h1 small {display: inline-block;vertical-align: middle;}
.wzjs-1 .info h1 span {font-size: 32px;margin-right: 15px;}
.wzjs-1 .info h1 small {font-size: 14px;color: #fff;line-height: 26px;padding: 0 4px;}
.wzjs-1 .text {padding: 15px;background: url(../img/conbg_03.jpg) repeat center;margin-top: 20px;}
.wzjs-1 .text .item {overflow: hidden;margin-bottom: 15px;}
.wzjs-1 .text .item.sb-bb {margin-bottom: 0;}
.wzjs-1 .text .sb-it {display: inline-block;vertical-align: middle;margin-right: 15px;margin-bottom: 15px;}
.wzjs-1 .text .label {float: left;font-size: 12px;line-height: 22px;padding: 0 5px;border: 1px solid #aaaaaa;color: #828282;}
.wzjs-1 .text .con {margin-left: 70px;line-height: 24px;}
.wzjs-1 .text .con strong {color: var(--brand-blue);font-size: 20px;}
.wzjs-1 .text .tag {font-size: 0;margin-bottom: -10px;}
.wzjs-1 .text .tag span {font-size: 12px;line-height: 22px;padding: 0 5px;border: 1px solid #333;color: #333;display: inline-block;vertical-align: middle;margin-right: 10px;margin-bottom: 10px;}
.wzjs-1 .text .btn {margin-top: 40px;font-size: 0;}
.wzjs-1 .text .btn a {display: inline-block;font-size: 14px;vertical-align: middle;margin: 10px 10px 0 0;position: relative;border: 1px solid #666;color: #666;line-height: 30px;text-align: center;padding: 0 20px;}
.wzjs-1 .text .btn .img-center {margin-top: 2px;position: absolute;top: 100%;background-color: #666;left: 50%;width: 100px;padding: 5px;margin-left: -55px;display: none;z-index: 1;}
.wzjs-1 .text .btn a:hover {background-color: #666;color: #fff;}
.wzjs-1 .text .btn a:hover .img-center {display: block;}
.wzjs-1 .text .btn a:first-child {background-color: var(--brand-blue);color: #fff;border-color: var(--brand-blue);}
.wzjs-1 .text .btn a:last-child {background-color: #000;color: #fff;border-color: #000;}

.wzjs-box {margin-bottom: 40px;}
.wzjs-tit {margin-bottom: 20px;border-bottom: 2px solid #d7d7d7;line-height: 22px;}
.wzjs-tit span {display: inline-block;font-size: 22px;border-bottom: 2px solid var(--brand-blue);margin-bottom: -2px;padding-bottom: 10px;}
.wzjs-tit span i {display: inline-block;vertical-align: top;line-height: 22px;width: 22px;text-align: center;color: #fff;background-color: var(--brand-blue);border-radius: 50%;font-style: normal;font-size: 14px;margin-right: 10px;}
.wzjs-tit em {float: right;font-size: 12px;color: #999;font-style: normal;}

.wzjs-2 {margin-bottom: 20px;font-size: 20px;color: #666;}
.wzjs-2 .tel {float: right;color: var(--brand-blue);background: url(../img/gw.jpg) no-repeat 0 center;padding-left: 30px;}
.wzjs-2 strong {color: var(--brand-blue);}

.table-2 table {width: 100%;border-collapse: collapse;background-color: #fff;line-height: 1.8;}
.table-2 th,.table-2 td {border: 1px solid #ddd;padding: 12px 20px;}
.table-2 th {font-size: 16px;font-weight: normal;background-color: #f5f6f7;}
.table-2 th:first-child,.table-2 td:first-child {width: 110px;background: url(../img/c-c3.jpg) repeat-y right center #f5f6f7;}
.table-2 th:last-child,.table-2 td:last-child {width: 200px;}
.table-2 td {color: #666;}
.table-2 td img {display: inline-block;vertical-align: middle;}
.table-2 td .btn {display: inline-block;padding: 2px 12px;background-color: var(--brand-blue);color: #fff;}

.wybzd {text-align: center;font-size: 16px;line-height: 2;margin: -20px 0 40px;}
.wybzd p {margin: 0;}

.wzjs-3 li {float: left;width: 16.666666666%;}
.wzjs-3 li .wrap {padding: 10px 20px;text-align: center;}
.wzjs-3 li .img-center {height: 42px;line-height: 42px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.wzjs-3 li p {margin: 10px 0 0;font-size: 16px;}
.wzjs-3 li .wrap:hover {box-shadow: 0 0 26px #d2d2d2;}
.wzjs-3 li .wrap:hover .img-center {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.wzjs-3-tips {margin-top: 20px;padding: 5px 15px;border: 1px solid var(--brand-blue);}
.wzjs-3-tips p {margin: 10px 0;}
.wzjs-3-tips p strong {color: var(--brand-blue-light);}

.wzjs-4 li {float: left;width: 12.5%;}
.wzjs-4 li .wrap {position: relative;}
.wzjs-4 li .wrap:after {content: '';position: absolute;width: 27px;height: 34px;background: url(../img/lc_85.jpg) no-repeat center / cover;top: 13px;right: -13px;}
.wzjs-4 li .img-center {height: 60px;line-height: 60px;}
.wzjs-4 li p {margin: 10px 0 0;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wzjs-4 li:last-child .wrap:after {display: none;}

.wzjs-5 {position: relative;}
.wzjs-5 .bg {position: absolute;left: 50%;top: 0;background: url(../img/shzb_97.jpg) no-repeat center / contain;width: 28px;height: 100%;margin-left: -14px;}
.wzjs-5 .wzjs-box {width: 520px;}
.wzjs-5 .text {color: #666;line-height: 1.8;}
.wzjs-5-left {float: left;background: url(../img/bg-bg_03.jpg) no-repeat right bottom;}
.wzjs-5-right {float: right;background: url(../img/bg-bg_05.jpg) no-repeat right bottom;}

.wzjs-6 {margin: 0;}
.wzjs-6 dt {float: right;width: 600px;}
.wzjs-6 dd {margin: 0 700px 0 100px;padding-top: 60px;}
.wzjs-6 dd p {margin: 0 0 15px;line-height: 2;font-size: 16px;background-color: #ececec;padding: 0 20px;border-left: 10px solid var(--brand-blue-light);}

.more-big-2 {display: block;margin: 40px auto 0;line-height: 48px;font-size: 16px;width: 260px;text-align: center;background-color: #ababab;border-radius: 50px;color: #fff !important;}
.more-big-2:hover {background-color: #737373;}

.wzjs-7 {position: relative;}
.wzjs-7 .bg {position: absolute;left: 692px;top: 0;background: url(../img/shzb_97.jpg) no-repeat center / contain;width: 28px;height: 100%;}
.wzjs-7 dl {margin: 0 0 20px;overflow: hidden;}
.wzjs-7 dt {float: left;color: #fff;text-align: center;width: 83px;background: url(../img/psd_123.jpg) no-repeat center 0 / contain;font-size: 22px;padding-top: 10px;height: 92px;}
.wzjs-7 dd {margin-left: 110px;}
.wzjs-7 dd h4 {margin: 0;font-size: 22px;font-weight: normal;}
.wzjs-7 dd p {margin: 15px 0 0;color: #9d9d9d;line-height: 1.8;}
.wzjs-7 .list li {color: #666;line-height: 40px;list-style: disc;list-style-position: inside;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;border-bottom: 1px  dashed #d7d8d8;}
.wzjs-7 .list li span {float: right;font-size: 12px;color: #999;}
.wzjs-7 .menu {overflow: hidden;margin: 0 0 0 -20px;padding-top: 72px;}
.wzjs-7 .menu li {float: left;}
.wzjs-7 .menu li a {display: block;margin: 0 0 20px 20px;line-height: 30px;padding: 0 30px;border-radius: 30px;background-color: #e5e5e5;}
.wzjs-7 .menu li.active a {background-color: var(--brand-blue);color: #fff;}
.wzjs-7 .more {display: inline-block;font-size: 16px;margin-top: 20px;}
.wzjs-7-left {float: left;width: 680px;padding-right: 40px;}
.wzjs-7-right {float: right;width: 460px;}

.muban-switch-wrap {margin-bottom: 26px;}
.muban-switch-menu {overflow: hidden;margin: 0;padding-top: 12px;text-align: center;font-size: 0;}
.muban-switch-menu li {float: none;display: inline-block;vertical-align: top;}
.muban-switch-menu li a {display: block;margin: 0 10px 20px;line-height: 30px;padding: 0 30px;border-radius: 30px;background-color: #e5e5e5;font-size: 16px;transition: all 0.35s;}
.muban-switch-menu li.active a,.muban-switch-menu li a:hover {background-color: var(--brand-blue);color: #fff;}
.muban-switch-panel {display: none;}
.muban-switch-panel.active {display: block;}
.muban-style-placeholder {text-align: center;background: #f5f7fb;border: 1px solid #e6ecf5;color: #70809a;font-size: 18px;line-height: 1.8;}
.muban-style-placeholder p {margin: 0;}

.service-clone {--main: #0F4C81;--gray: #666;}
.service-clone .section-title {text-align: center;max-width: 900px;margin: 0 auto 50px;}
.service-clone .section-title h2 {position: relative;margin: 0;font-size: 34px;line-height: 1.3;color: #000106;font-weight: 700;display: inline-block;padding: 0 92px;}
.service-clone .section-title h2:before,.service-clone .section-title h2:after {content: "";position: absolute;top: 50%;width: 70px;height: 2px;margin-top: -1px;background: linear-gradient(to right,#272b31,transparent);}
.service-clone .section-title h2:before {left: 0;background: linear-gradient(to left,#272b31,transparent);}
.service-clone .section-title h2:after {right: 0;}
.service-clone .section-title p {margin: 16px auto 0;color: #272b31;font-size: 16px;line-height: 1.9;max-width: 48em;text-align: center;}
.service-clone .service-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;}
.service-clone .service-card {background: #ffffff;border-radius: 8px;padding: 35px 15px 20px;text-align: center;box-shadow: 0 2px 10px rgba(0,0,0,0.06);transition: all 0.3s ease;}
.service-clone .service-card:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.service-clone .card-icon-box {width: 130px;height: 130px;margin: 0 auto 26px;position: relative;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;}
.service-clone .card-icon-box svg {width: 52px;height: 52px;fill: #ffffff;position: relative;z-index: 2;}
.service-clone .card-icon-box:before {content: "";position: absolute;width: 150px;height: 150px;border-radius: 50%;border: 3px solid transparent;border-top-color: inherit;border-right-color: inherit;opacity: 0.6;}
.service-clone .card-icon-box:after {content: "";position: absolute;width: 160px;height: 160px;border-radius: 50%;background-image: radial-gradient(circle, currentColor 4px, transparent 4px);background-size: 20px 20px;opacity: 0.5;}
.service-clone .service-card h3 {font-size: 24px;font-weight: bold;margin: 0 0 14px;color: #111;line-height: 1.4;}
.service-clone .service-card p {margin: 0;font-size: 14px;color: var(--gray);text-align: justify;text-align-last: left;line-height: 1.8;}
.service-clone .card1 {background-color: #0F4C81;color: #0F4C81;}
.service-clone .card2 {background-color: #E14D43;color: #E14D43;}
.service-clone .card3 {background-color: #7B2CBF;color: #7B2CBF;}
.service-clone .card4 {background-color: #22C55E;color: #22C55E;}
.service-clone .card5 {background-color: #F97316;color: #F97316;}
.service-clone .card6 {background-color: #0EA5E9;color: #0EA5E9;}
.service-clone .card7 {background-color: #DB2777;color: #DB2777;}
.service-clone .card8 {background-color: #EAB308;color: #EAB308;}
.service-clone .card9 {background-color: #4F46E5;color: #4F46E5;}

.service-clone-software {--main: #0F4C81;--gray: #666;}
.service-clone-software .section-title {text-align: center;max-width: 900px;margin: 0 auto 50px;}
.service-clone-software .section-title h2 {margin: 0 0 8px;font-size: 30px;line-height: 1.35;color: var(--main);font-weight: 700;padding: 0;display: block;position: static;}
.service-clone-software .section-title h2:before,.service-clone-software .section-title h2:after {display: none;}
.service-clone-software .section-title p {margin: 0;color: var(--gray);font-size: 16px;line-height: 1.75;max-width: 48em;text-align: center;}
.service-clone-software .service-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;}
.service-clone-software .service-card {background: #fff;border-radius: 8px;padding: 35px 15px 20px;text-align: center;box-shadow: 0 2px 10px rgba(0,0,0,0.06);transition: all .3s ease;}
.service-clone-software .service-card:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.service-clone-software .card-icon-box {width: 130px;height: 130px;margin: 0 auto 26px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;position: relative;}
.service-clone-software .card-icon-box svg {width: 52px;height: 52px;fill: #fff;position: relative;z-index: 2;}
.service-clone-software .card-icon-box svg path {fill: none;stroke: #fff;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round;}
.service-clone-software .card-icon-box:before {content: "";position: absolute;width: 150px;height: 150px;border-radius: 50%;border: 3px solid transparent;border-top-color: inherit;border-right-color: inherit;opacity: .6;}
.service-clone-software .card-icon-box:after {content: "";position: absolute;width: 160px;height: 160px;border-radius: 50%;background-image: radial-gradient(circle, currentColor 4px, transparent 4px);background-size: 20px 20px;opacity: .5;}
.service-clone-software .service-card h3 {font-size: 22px;font-weight: 700;margin: 0 0 14px;color: #111;line-height: 1.4;}
.service-clone-software .service-card p {margin: 0;font-size: 14px;color: var(--gray);text-align: justify;text-align-last: left;line-height: 1.6;}
.service-clone-software .c1 {background: #0F4C81;color: #0F4C81;}
.service-clone-software .c2 {background: #E14D43;color: #E14D43;}
.service-clone-software .c3 {background: #7B2CBF;color: #7B2CBF;}
.service-clone-software .c4 {background: #22C55E;color: #22C55E;}
.service-clone-software .c5 {background: #F97316;color: #F97316;}
.service-clone-software .c6 {background: #0EA5E9;color: #0EA5E9;}
.service-clone-software .c7 {background: #DB2777;color: #DB2777;}
.service-clone-software .c8 {background: #EAB308;color: #EAB308;}
.service-clone-software .c9 {background: #4F46E5;color: #4F46E5;}

.integration-showcase {display: grid;grid-template-columns: minmax(260px,1fr) minmax(360px,520px) minmax(260px,1fr);align-items: center;gap: 28px;max-width: 1360px;margin: 0 auto;}
.integration-side {display: flex;flex-direction: column;gap: 88px;}
.integration-text-item h3 {margin: 0 0 16px;font-size: 28px;line-height: 1.3;color: #0c1b35;font-weight: 500;}
.integration-text-item p {margin: 0;font-size: 14px;line-height: 2;color: #223858;text-align: left;}
.integration-visual {display: flex;align-items: center;justify-content: center;}
.integration-visual img {display: block;max-width: 100%;height: auto;object-fit: contain;}
.integration-advantage-band {background: linear-gradient(135deg, rgba(244,248,252,.98) 0%, rgba(235,243,251,.96) 100%);}
.integration-advantage-band .service-advantage-section {background: transparent;background-image: none;}

.service-advantage-section {--main: #0F4C81;--red: #E14D43;--gray: #666;background-color: #f5f8fc;background-image: linear-gradient(135deg, rgba(244,248,252,.98) 0%, rgba(235,243,251,.96) 100%);background-position: center center;background-repeat: no-repeat;background-size: auto;}
.service-advantage-section .adv-list {display: grid;grid-template-columns: repeat(2, minmax(0,1fr));gap: 24px;margin: 0 auto;}
.service-advantage-section .advantage-item {background: rgba(255,255,255,.92);border: 1px solid rgba(15,76,129,.06);border-radius: 8px;padding: 26px 24px 24px;box-shadow: 0 10px 26px rgba(15,76,129,.07);position: relative;transition: all .3s ease;display: flex;flex-direction: column;backdrop-filter: blur(4px);}
.service-advantage-section .advantage-item:hover {transform: translateY(-4px);box-shadow: 0 14px 30px rgba(15,76,129,.1);}
.service-advantage-section .advantage-top {display: flex;align-items: center;gap: 16px;margin-bottom: 16px;min-height: 52px;}
.service-advantage-section .advantage-no {display: inline-flex;align-items: center;justify-content: center;width: 52px;height: 52px;margin-bottom: 0;border-radius: 50%;background: linear-gradient(135deg,#0F4C81,#2563EB);color: #fff;font-size: 18px;font-weight: 700;line-height: 1;box-shadow: 0 10px 18px rgba(15,76,129,.18);flex: 0 0 52px;}
.service-advantage-section .advantage-item h3 {margin: 0;font-size: 22px;line-height: 1.45;color: #111;font-weight: 700;flex: 1;}
.service-advantage-section .advantage-item p {margin: 0;font-size: 14px;line-height: 1.9;color: var(--gray);text-align: left;}


@media (max-width:992px) {
  .service-clone .service-grid {grid-template-columns: repeat(2,1fr);}
  .service-clone .service-card h3 {font-size: 20px;}
  .service-clone .section-title {margin-bottom: 30px;}
  .service-clone .section-title h2 {font-size: 24px;padding: 0 34px;}
  .service-clone .section-title h2:before,.service-clone .section-title h2:after {width: 22px;height: 1px;margin-top: 0;}
  .service-clone .section-title p {margin-top: 10px;font-size: 13px;line-height: 1.75;}
  .service-clone-software .service-grid {grid-template-columns: repeat(2,1fr);}
  .service-clone-software .service-card h3 {font-size: 20px;}
  .service-clone-software .section-title {margin-bottom: 30px;}
  .service-clone-software .section-title h2 {font-size: 24px;line-height: 1.4;}
  .service-clone-software .section-title p {font-size: 13px;line-height: 1.75;}
  .integration-showcase {grid-template-columns: 1fr;gap: 34px;max-width: 760px;}
  .integration-side {gap: 28px;order: 2;}
  .integration-side-right {order: 3;}
  .integration-text-item h3 {font-size: 24px;margin-bottom: 10px;}
  .integration-text-item p {font-size: 13px;line-height: 1.8;}
  .integration-visual {order: 1;max-width: 420px;margin: 0 auto;}
  .service-advantage-section .adv-list {grid-template-columns: 1fr;gap: 18px;}
  .service-advantage-section .advantage-item {padding: 20px 18px;}
  .service-advantage-section .advantage-top {gap: 12px;margin-bottom: 12px;min-height: 44px;}
  .service-advantage-section .advantage-no {width: 44px;height: 44px;margin-bottom: 0;font-size: 16px;flex: 0 0 44px;}
  .service-advantage-section .advantage-item h3 {font-size: 19px;line-height: 1.4;}
  .service-advantage-section .advantage-item p {font-size: 13px;line-height: 1.8;}
}


@font-face {font-family: "appsvcicon";src: url('app-service-iconfont.woff2') format('woff2'),url('app-service-iconfont.woff') format('woff'),url('app-service-iconfont.ttf') format('truetype');}
.appsvc-iconfont {font-family: "appsvcicon" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;line-height: 1;}
.icon-pingguo:before {content: "\e615";}
.icon-anli:before {content: "\e616";}
.icon-anzhuo:before {content: "\e64b";}
.icon-sheji:before {content: "\e609";}

.app-dev-service {padding: 6px 0 10px;}
.app-dev-service-head {text-align: center;max-width: 900px;margin: 0 auto 38px;}
.app-dev-service-head h2 {display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;margin: 0;font-size: 34px;line-height: 1.3;color: #000106;font-weight: 700;}
.app-dev-service-head h2 .xspan,.app-dev-service-head h2 span:last-child {flex: 0 0 auto;display: inline-block;vertical-align: middle;width: 70px;height: 2px;margin: 0 20px;position: relative;top: -2px;background: linear-gradient(to right,#272b31,transparent);}
.app-dev-service-head h2 .xspan {background: linear-gradient(to left,#272b31,transparent);}
.app-dev-service-head p {margin: 16px auto 0;color: #272b31;font-size: 16px;line-height: 1.9;max-width: 48em;}
.app-dev-service-grid {margin: 0 -15px;}
.app-dev-service-item {float: left;width: 25%;padding: 0 15px;box-sizing: border-box;}
.app-dev-service-card {height: 100%;min-height: 290px;padding: 28px;background-image: url(../img/app-service-bg11.jpg);background-size: cover;background-position: left center;background-repeat: no-repeat;position: relative;overflow: hidden;transition: all .4s ease;}
.app-dev-service-card:hover {background-position: right center;box-shadow: 0 0 16px 10px rgba(0,0,0,.16);}
.app-dev-service-card:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: .8;z-index: 0;transition: all .4s ease;}
.app-dev-service-card:after {content: '';position: absolute;background: #fdcb02;height: 4px;width: 0;left: 0;right: 0;bottom: 0;margin: 0 auto;opacity: .9;z-index: 1;transition: all .4s ease;}
.app-dev-service-card:hover:after {width: 100%;}
.app-dev-service-card.kind-android:before {background: #0c59db;}
.app-dev-service-card.kind-ios:before {background: #fa8c0a;}
.app-dev-service-card.kind-hybrid:before {background: #12d151;}
.app-dev-service-card.kind-ui:before {background: #f7410e;}
.app-dev-service-card > * {position: relative;z-index: 2;}
.app-dev-service-card .ico {overflow: hidden;padding: 20px 0 15px;text-align: center;}
.app-dev-service-card .ico .appsvc-iconfont {font-size: 56px;color: #fff;}
.app-dev-service-card h4 {margin: 0 0 14px;text-align: center;font-size: 24px;line-height: 1.4;color: #fff;font-weight: 500;}
.app-dev-service-card p {margin: 0;color: #fff;font-size: 14px;line-height: 2;text-align: left;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

@font-face {font-family: "xcxadvfontd";src: url('app-service-iconfont.woff2') format('woff2'),url('app-service-iconfont.woff') format('woff'),url('app-service-iconfont.ttf') format('truetype');}
@font-face {font-family: "xcxadvfontb";src: url('fontb-iconfont.woff2') format('woff2'),url('fontb-iconfont.woff') format('woff'),url('fontb-iconfont.ttf') format('truetype');}
.xcx-adv-iconfont {display: inline-block;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height: 1;}
.xcx-adv-fontd {font-family: "xcxadvfontd" !important;}
.xcx-adv-fontb {font-family: "xcxadvfontb" !important;}
.icon-iconset0203:before {content: "\e667";}
.icon-fengfuduoyuan:before {content: "\e98e";}
.icon-kuaisugaoxiao:before {content: "\e991";}
.icon-hulianwangyingxiao-:before {content: "\e7d2";}
.icon-yingxiao:before {content: "\e765";}
.icon-shichangyingxiao:before {content: "\e666";}
.icon-myicon-:before {content: "\e630";}
.icon-tubiaozhizuomoban-107:before {content: "\e631";}
.icon-yingxiao1:before {content: "\e6b3";}
.icon-dashujuzhenghe:before {content: "\e600";}

.xcx-advantage-wrap {padding: 0px 0 22px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.xcx-advantage-head {width: 100%;text-align: center;margin: 0 auto 8px;}
.xcx-advantage-head h2 {display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;position: relative;margin: 0;font-weight: 700;font-size: 34px;line-height: 1.35;color: #000106;}
.xcx-advantage-head h2 span {flex: 0 0 auto;display: inline-block;vertical-align: middle;height: 2px;width: 70px;background: linear-gradient(to right,#272b31,transparent);line-height: 1;margin: 0 20px;}
.xcx-advantage-head h2 .xspan {background: linear-gradient(to left,#272b31,transparent);}
.xcx-advantage-head p {margin: 0;padding: 16px 0 32px;font-size: 16px;line-height: 1.9;color: #272b31;}
.xcx-advantage-wrap .container {position: relative;z-index: 1;}
.xcx-advantage-grid {display: flex;flex-wrap: wrap;row-gap: 30px;margin-left: -10px;margin-right: -10px;}
.xcx-advantage-grid:before,.xcx-advantage-grid:after {content: none;}
.xcx-advantage-grid:after {clear: both;}
.xcx-advantage-wrap .col-lg-5ths,.xcx-advantage-wrap .col-md-6,.xcx-advantage-wrap .col-sm-6,.xcx-advantage-wrap .col-xs-6 {position: relative;display: flex;align-items: stretch;min-height: 1px;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}
.xcx-advantage-wrap .col-xs-6 {float: left;width: 50%;}
.xcx-advantage-card {background: #fff;padding: 20px;border-radius: 5px;text-align: center;margin-bottom: 0;box-sizing: border-box;width: 100%;box-shadow: 0 14px 30px rgba(0,0,0,.07);position: relative;overflow: hidden;transition: all .3s ease;min-height: 0;}
.xcx-advantage-card:hover {transform: translateY(-5px);}
.xcx-advantage-card:before {content: "";background: rgba(24,49,95,.2);height: 100%;width: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;transition: all .3s ease;}
.xcx-advantage-card:after {content: "";position: absolute;height: 100%;width: 100%;left: 0;top: 0;background-size: cover;background-position: center center;opacity: 0;transition: all .3s ease;}
.xcx-advantage-card.card-1:after {background-image: url(../img/m1.jpg);}
.xcx-advantage-card.card-2:after {background-image: url(../img/m10.jpg);}
.xcx-advantage-card.card-3:after {background-image: url(../img/m2.jpg);}
.xcx-advantage-card.card-4:after {background-image: url(../img/m3.jpg);}
.xcx-advantage-card.card-5:after {background-image: url(../img/m7.jpg);}
.xcx-advantage-card.card-6:after {background-image: url(../img/m9.jpg);}
.xcx-advantage-card.card-7:after {background-image: url(../img/m8.jpg);}
.xcx-advantage-card.card-8:after {background-image: url(../img/m5.jpg);}
.xcx-advantage-card.card-9:after {background-image: url(../img/m4.jpg);}
.xcx-advantage-card.card-10:after {background-image: url(../img/m6.jpg);}
.xcx-advantage-card:hover:before,.xcx-advantage-card:hover:after {opacity: 1;}
.xcx-advantage-card .ser-icon,.xcx-advantage-card .ser-content {position: relative;z-index: 2;}
.xcx-advantage-card .ser-icon span:before {font-size: 60px;margin-top: 30px;display: inline-block;margin-bottom: 35px;color: rgba(6,12,34,.85);transition: color .3s ease;}
.xcx-advantage-card .ser-content .title h3 {font-size: 20px;color: #272b31;font-weight: 700;margin: 0 0 10px;transition: color .3s ease;}
.xcx-advantage-card .ser-content .para {font-size: 13px;}
.xcx-advantage-card .ser-content .para p {margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: color .3s ease;}
.xcx-advantage-card:hover .ser-icon span:before,.xcx-advantage-card:hover .ser-content .title h3,.xcx-advantage-card:hover .ser-content .para p {color: #fff;}

@media (min-width: 768px) {
  .xcx-advantage-wrap .col-sm-6 {width: 50%;float: left;}
}

@media (min-width: 992px) {
  .xcx-advantage-wrap .col-md-6 {width: 50%;float: left;}
}

@media (min-width: 1200px) {
  .xcx-advantage-wrap .col-lg-5ths {width: 20%;float: left;}
}

@media (max-width: 767px) {
  .xcx-advantage-wrap {padding: 38px 0 10px;}
  .xcx-advantage-head {margin-bottom: 0;}
  .xcx-advantage-head h2 {font-size: 24px;}
  .xcx-advantage-head h2 span {width: 22px;height: 1px;margin: 0 10px;}
  .xcx-advantage-head p {padding: 10px 12px 24px;font-size: 13px;line-height: 1.75;}
  .section-title-case-lines strong:before,.section-title-case-lines strong:after,.section-title-case-lines h2:before,.section-title-case-lines h2:after {display: none;}
}

@font-face {font-family: "icomoon";src: url('tcicomoon.woff2?t=1648893977606') format('woff2'),url('tcicomoon.woff?t=1648893977606') format('woff'),url('tcicomoon.ttf?t=1648893977606') format('truetype');}
.icomoon {font-family: "icomoon" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.mxicon-kaoshifenxi:before {content: "\e688";}
.mxicon-zaixianbaoming:before {content: "\e651";}
.mxicon-kecheng:before {content: "\e631";}
.mxicon-shudian_caijishuju:before {content: "\e66a";}
.mxicon-fenqixueli:before {content: "\e61b";}
.mxicon-danganziliao-qitaziliao:before {content: "\e625";}
.mxicon-banjiguanli:before {content: "\e7b3";}
.mxicon-a-kaoshilianxigangbi:before {content: "\e70f";}
.mxicon-mingshi:before {content: "\e62b";}
.mxicon-icon:before {content: "\e65d";}
.mxicon-chaoshi:before {content: "\e603";}
.mxicon-shouhuan:before {content: "\e627";}
.mxicon-jiankong:before {content: "\e69f";}
.mxicon-yongdianfenxi:before {content: "\e604";}
.mxicon-dianzhuang:before {content: "\e76e";}
.mxicon-menjin:before {content: "\e637";}
.mxicon-shujujianmogongcheng:before {content: "\e6a2";}
.mxicon-huiyi:before {content: "\e61e";}
.mxicon-icon1:before {content: "\e607";}
.mxicon-yuyuedingdan:before {content: "\e8a2";}
.mxicon-shangwu:before {content: "\e8b2";}
.mxicon-chuangyexiu:before {content: "\e605";}
.mxicon-navicon-yqgl:before {content: "\e63e";}
.mxicon-gongqiufabu:before {content: "\e725";}
.mxicon-Icon-zhuanjiatuanduiguanli:before {content: "\e616";}
.mxicon-4_3gushiloushi:before {content: "\e7e4";}
.mxicon-dingdan:before {content: "\e737";}
.mxicon-buhuoshangjia:before {content: "\e60c";}
.mxicon-navicon-psf:before {content: "\e654";}
.mxicon-shuju:before {content: "\e6a7";}
.mxicon-jixiao:before {content: "\e70e";}
.mxicon-area:before {content: "\e62d";}
.mxicon-linquguihua:before {content: "\e608";}
.mxicon-wodeyuncangku-gerenyuncangku-dabaopeisong:before {content: "\e626";}
.mxicon-shequ:before {content: "\e606";}
.mxicon-waimai-:before {content: "\e609";}
.mxicon-zhoubian:before {content: "\e778";}
.mxicon--jiaotongbiaozhipai:before {content: "\ebfe";}
.mxicon-shengxian_ji:before {content: "\e61f";}
.mxicon-wodejiaofei:before {content: "\e661";}
.mxicon-zifeixinxi:before {content: "\e698";}
.mxicon-yuyue:before {content: "\e705";}
.mxicon-huiyuan1:before {content: "\e642";}
.mxicon-fenxiaoshangpinliebiao:before {content: "\e617";}
.mxicon-kefu:before {content: "\e6be";}
.mxicon-zhibohudong:before {content: "\e686";}
.mxicon-pintuan:before {content: "\e62c";}
.mxicon-kanjiahuodong:before {content: "\e64f";}
.mxicon-youhuiquan:before {content: "\e8c0";}
.mxicon-miaosha:before {content: "\e69e";}
.mxicon-xianshangzhifu:before {content: "\e65e";}
.mxicon-dingdanhexiao:before {content: "\e7ce";}
.mxicon-order:before {content: "\e636";}
.mxicon-yiyuan:before {content: "\e600";}
.mxicon-ic_medicalrecords:before {content: "\e73f";}
.mxicon-jiuyi:before {content: "\e660";}
.mxicon-zixun:before {content: "\e61d";}
.mxicon-yaodian:before {content: "\e653";}
.mxicon-yiqingxinxi:before {content: "\e601";}
.mxicon-yixuewenxian:before {content: "\e60a";}
.mxicon-baobei:before {content: "\e602";}
.mxicon-xianshang:before {content: "\e6a5";}
.mxicon-zhubo:before {content: "\e6ad";}
.mxicon-zhibo:before {content: "\e7d5";}
.mxicon-wodefensi:before {content: "\e7d3";}
.mxicon-texiao:before {content: "\e694";}
.mxicon-yingxiao:before {content: "\e647";}
.mxicon-darendaihuo:before {content: "\e652";}

.app-plan-wrap {padding-top: 0;}
.app-plan-wrap .app-services {padding-top: 52px;}
.app-plan-wrap .c-fluid {padding: 0 11.6%;position: relative;z-index: 1;}
.app-plan-wrap .heading {width: 100%;position: relative;}
.app-plan-wrap .heading-center {width: 100%;}
.app-plan-wrap .heading h2 {display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;position: relative;font-weight: 700;font-size: 34px;color: #000106;}
.app-plan-wrap .heading p {color: #272b31;padding: 16px 0 32px;font-size: 16px;line-height: 1.9;}
.app-plan-wrap .heading h2 span {flex: 0 0 auto;display: inline-block;vertical-align: middle;height: 2px;width: 70px;background: linear-gradient(to right,#272b31,transparent);line-height: 1;margin: 0 20px;}
.app-plan-wrap .heading h2 .xspan {background: linear-gradient(to left,#272b31,transparent);}
.app-plan-wrap .c-plan {position: relative;overflow: hidden;background: url(../img/fbg5.png) no-repeat center center / cover;}
.app-plan-wrap .top-line {position: absolute;height: 4px;width: 140px;background-color: #ffce29;top: 0;left: 0;right: 0;margin: 0 auto;z-index: 2;}
.app-plan-wrap .x-line:after {content: '';position: absolute;height: 4px;width: 140px;bottom: 40px;left: 0;right: 0;margin: 0 auto;background-color: #ffce29;z-index: 2;}
.app-plan-wrap .c-plan .heading h2,.app-plan-wrap .c-plan .heading p {color: #fff;}
.app-plan-wrap .c-plan .heading h2 span {background: linear-gradient(to right,#fff,transparent);}
.app-plan-wrap .c-plan .heading h2 .xspan {background: linear-gradient(to left,#fff,transparent);}
.app-plan-wrap .app-plan-heading {text-align: center;}
.app-plan-wrap .app-plan-nav-wrap {max-width: 1100px;margin: 0 auto;padding: 0 15px 44px;box-sizing: border-box;}
.app-plan-wrap .weui-navigator {position: relative;padding: 0;margin: 0;}
.app-plan-wrap .weui-navigator.weui-navigator-wrapper {z-index: 1;width: 100%;overflow: visible;position: relative;-webkit-backface-visibility: hidden;}
.app-plan-wrap .weui-navigator-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 15px;list-style: none;white-space: normal;width: auto;margin: 0 auto;padding: 0;}
.app-plan-wrap .weui-navigator-list:after {content: '';clear: both;display: inline-block;width: 0;height: 0;overflow: hidden;}
.app-plan-wrap .weui-navigator-list li {list-style: none;line-height: 35px;margin: 0;font-size: 16px;min-width: 110px;text-align: center;display: inline-block;white-space: normal;}
.app-plan-wrap .weui-navigator-list li a {text-decoration: none;background-color: #eee;border-radius: 5px !important;border: 1px solid #eee;color: #000;display: block;width: 100%;box-sizing: border-box;padding: 0 15px;}
.app-plan-wrap .weui-navigator-list li a:hover {background: linear-gradient(45deg,#e09e0c,#fcc504) !important;border: 1px solid #000;color: #373b43;}
.app-plan-wrap .weui-navigator-list li.weui-state-active a {color: #373b43;background-color: #ffb000;border: 1px solid #ffb000;}
.app-plan-wrap .x-line > .row {display: flex;align-items: stretch;flex-wrap: nowrap;}
.app-plan-wrap .x-line > .row > .col-lg-6 {float: none;width: 50%;max-width: 50%;box-sizing: border-box;}
.app-plan-wrap .plan-l {display: block;background-color: #fff;position: relative;padding: 36px 40px 42px;}
.app-plan-wrap .plan-l h2 {font-size: 22px;color: #000106;line-height: 1.75;margin-bottom: 14px;font-weight: 600;}
.app-plan-wrap .plan-l p {font-size: 14px;color: #2e2e2e;line-height: 1.75;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.app-plan-wrap .plan-l:before {content: '';position: absolute;top: 36px;left: -40px;width: 40px;height: 97%;background-color: rgba(255,255,255,.5);}
.app-plan-wrap .plan-l:after {content: '';position: absolute;top: 80px;left: -76px;width: 76px;height: 97%;background-color: rgba(255,255,255,.5);}
.app-plan-wrap .plan-l ul {width: 80%;margin-top: 30px;overflow: hidden;padding: 0;}
.app-plan-wrap .plan-l ul li {width: 19%;margin-right: 1%;float: left;padding: 15px;text-align: center;margin-bottom: 14px;cursor: pointer;box-sizing: border-box;list-style: none;}
.app-plan-wrap .plan-l ul li span {font-size: 30px;line-height: 30px;display: block;}
.app-plan-wrap .plan-l ul li p {font-size: 13px;margin-top: 11px;color: #2e2e2e;-webkit-line-clamp: 2;}
.app-plan-wrap .plan-l ul li.ic-active {background-color: #ffb000;color: #fff;box-shadow: 0 0 16px 10px rgba(255,176,0,.2);border-radius: 5px;}
.app-plan-wrap .plan-l ul li.ic-active p {color: #fff;}
.app-plan-wrap .plan-r {min-height: 450px;position: relative;height: 100%;background: #fff;display: flex;flex-direction: column;justify-content: center;}
.app-plan-wrap .plan-r .swiper-z {height: auto;width: 100%;}
.app-plan-wrap .plan-r .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 15px;top: auto;padding-right: 15px;}
.app-plan-wrap .plan-r:before {content: '';position: absolute;top: 36px;right: -40px;width: 40px;height: 97%;background-color: rgba(255,255,255,.5);}
.app-plan-wrap .plan-r:after {content: '';position: absolute;top: 80px;right: -76px;width: 76px;height: 97%;background-color: rgba(255,255,255,.5);}
.app-plan-wrap .pl-0 {padding-left: 0 !important;}
.app-plan-wrap .pr-0 {padding-right: 0 !important;}
.app-plan-wrap .swiper-z .swiper-pagination-bullet {width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #fff;opacity: 1;border-radius: 0;background: rgba(255,176,0,.8);}
.app-plan-wrap .swiper-z .swiper-pagination-bullet-active {color: #fff;background: #4f3804;}
.app-plan-wrap .plan-r .swiper-container-horizontal > .swiper-pagination-bullets,.app-plan-wrap .plan-r .swiper-pagination-custom,.app-plan-wrap .plan-r .swiper-pagination-fraction {bottom: 15px;left: 0;text-align: right;padding-right: 15px;width: 100%;}
.app-plan-wrap .swiper-slideb {width: auto;overflow: hidden;text-align: center;font-size: 18px;background: transparent;display: flex;justify-content: center;align-items: center;}
.app-plan-wrap .swiper-slideb > a {display: block;width: 100%;}
.app-plan-wrap .swiper-slideb img {width: 100%;height: auto;display: block;}

.app-industry-solutions-section {padding-top: 0;}
.app-industry-solutions {position: relative;background: linear-gradient(135deg,#1b2339 0%,#222946 52%,#111827 100%);padding: 62px 54px;border-radius: 8px;overflow: hidden;box-shadow: 0 18px 40px rgba(13,20,36,.18);}
.app-industry-solutions:before,.app-industry-solutions:after {content: '';position: absolute;left: 0;right: 0;margin: 0 auto;width: 140px;height: 4px;background: #fdcb02;z-index: 1;}
.app-industry-solutions:before {top: 0;}
.app-industry-solutions:after {bottom: 0;}
.app-industry-solutions .app-dev-service-head {position: relative;z-index: 2;max-width: 860px;margin-bottom: 34px;}
.app-industry-solutions .app-dev-service-head h2,.app-industry-solutions .app-dev-service-head p {color: #fff;}
.app-industry-solutions .app-dev-service-head h2 .xspan {background: linear-gradient(to left,#fff,transparent);}
.app-industry-solutions .app-dev-service-head h2 span:last-child {background: linear-gradient(to right,#fff,transparent);}
.app-industry-tabs {position: relative;z-index: 2;display: flex;flex-wrap: wrap;gap: 14px;margin-bottom: 28px;}
.app-industry-tabs button {border: 1px solid #e9edf3;background: #f1f3f6;color: #111827;line-height: 46px;height: 48px;padding: 0 24px;border-radius: 6px;cursor: pointer;font-size: 16px;transition: all .3s ease;box-sizing: border-box;}
.app-industry-tabs button:hover,.app-industry-tabs button.active {background: linear-gradient(45deg,#e09e0c,#fcc504);border-color: #000;color: #373b43;}
.app-industry-panels {position: relative;z-index: 2;}
.app-industry-panel {display: none;}
.app-industry-panel.active {display: block;}
.app-industry-main {display: flex;gap: 32px;align-items: stretch;}
.app-industry-copy,.app-industry-aside {background: rgba(255,255,255,.08);backdrop-filter: blur(2px);border: 1px solid rgba(255,255,255,.12);border-radius: 8px;box-sizing: border-box;}
.app-industry-copy {flex: 0 0 58%;padding: 34px 36px;}
.app-industry-aside {flex: 1;padding: 24px;}
.app-industry-eyebrow {display: inline-block;font-size: 13px;line-height: 1.4;color: #ffcf3d;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 14px;}
.app-industry-copy h3 {margin: 0;font-size: 30px;line-height: 1.35;color: #fff;font-weight: 600;}
.app-industry-copy p {margin: 18px 0 0;color: rgba(255,255,255,.82);font-size: 15px;line-height: 1.95;}
.app-industry-list {margin: 26px -14px 0 0;}
.app-industry-list li {float: left;width: calc(50% - 14px);margin: 0 14px 14px 0;padding: 14px 16px 14px 22px;box-sizing: border-box;background: rgba(255,255,255,.09);border: 1px solid rgba(255,255,255,.1);border-radius: 6px;color: #fff;font-size: 14px;line-height: 1.7;position: relative;}
.app-industry-list li:before {content: '';position: absolute;left: 12px;top: 23px;width: 4px;height: 4px;border-radius: 50%;background: #ffcf3d;box-shadow: 0 0 0 4px rgba(255,207,61,.14);}
.app-industry-metrics {margin: -14px 0 0 -14px;}
.app-industry-metrics .metric-card {float: left;width: calc(50% - 14px);margin: 14px 0 0 14px;padding: 18px 18px 16px;min-height: 122px;box-sizing: border-box;background: rgba(11,17,31,.28);border: 1px solid rgba(255,255,255,.12);border-radius: 6px;}
.app-industry-metrics .metric-card.wide {width: calc(100% - 14px);min-height: 104px;}
.app-industry-metrics strong {display: block;font-size: 20px;line-height: 1.4;color: #fff;font-weight: 600;}
.app-industry-metrics span {display: block;margin-top: 12px;color: rgba(255,255,255,.78);font-size: 14px;line-height: 1.8;}

.taocan_titleo {display: block;text-align: center;background-color: #333;color: #fff;font-size: 16px;width: 500px;margin: 30px auto 0;padding: 10px;border-radius: 20px;}

.case-wrap {max-width: 1920px;width: 90%;margin: 0 auto;min-width: 1200px;}

@media screen and (max-width: 1200px){
.center {
    width: 100%;
}
	
}
@media screen and (max-width: 450px){
.box_tit p {
    font-size: 1rem;
}
.pro_screen ul li {
    width: 31.33%;
    margin: 1%;
}
.pro_screen ul li a {
    width: 100%;
}
.flex_between {
    padding-bottom: 15px;
}
.case_list ul li .text h3 {
    font-size: .118rem;
    line-height: .2rem;
    margin-top: 10px;
    padding: 0;
    padding-bottom: 5px;
    height: .4rem;
    overflow: hidden;
}
.case_list ul li .text2 {
    padding: 0;
}

.case_list ul li .text2 span {
    font-size: .09rem;
    margin-top: 8px;
}
.case_list ul li .text2 span i {
    font-size: .14rem;
}

.case_list ul li .text2 span {
    font-size: .09rem;
    margin-top: 8px;
}

.case_list ul li .text2 a {
    display: none;
}


}

.oneform input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff;opacity: 0.7;}
.oneform input:-moz-placeholder, textarea:-moz-placeholder {color: #fff;opacity: 0.7;}
.oneform input::-moz-placeholder, textarea::-moz-placeholder {color: #fff;opacity: 0.7;}
.oneform input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #fff;opacity: 0.7;}

.oneform {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;display: none;}
.oneform .mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);}
.onebox {position: absolute;left: 50%;top: 50%;width: 930px;margin-left: -465px;background-color: #ed1c24;color: #fff;margin-top: -260px;}
.onebox-wrap {border: 1px #fff dashed;margin: 15px;padding: 35px;}
.onebox .close {float: right;width: 42px;height: 42px;background: url(../img/tc_btn_1.png) no-repeat center / contain;-webkit-transition: all 0.5s;transition: all 0.5s;}
.onebox .close:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.onebox .tit {margin-bottom: 35px;font-size: 40px;background: no-repeat 0 center / contain;padding-left: 245px;}
.onebox ul {margin: -15px 0 0 -15px;}
.onebox li {float: left;width: 50%;}
.onebox li.full {width: 100%;}
.onebox li .wrap {margin: 15px 0 0 15px;overflow: hidden;border: 1px #e7a8aa solid;border-radius: 8px;}
.onebox li i {float: left;background: no-repeat center / contain;width: 54px;height: 54px;}
.onebox li i.i1 {background-image: url(../img/tc_ico_1.png);}
.onebox li i.i2 {background-image: url(../img/tc_ico_2.png);}
.onebox li i.i3 {background-image: url(../img/tc_ico_3.png);}
.onebox li i.i4 {background-image: url(../img/tc_ico_4.png);}
.onebox li i.i5 {background-image: url(../img/tc_ico_5.png);}
.onebox li input {display: block;margin-left: 54px;border: none;background: none;box-shadow: none;color: #fff;font-size: 16px;line-height: 30px;padding: 12px;width: 326px;}
.onebox li textarea {display: block;border: none;background: none;box-shadow: none;color: #fff;font-size: 16px;line-height: 30px;padding: 12px;width: 380px;}
.onebox li.full textarea {width: 802px;}
.onebox li.yzm img {float: right;height: 54px;width: 120px;}
.onebox li.yzm input {width: 190px;}
.onebox .submit {display: block;border: 0;height: 54px;width: 100%;cursor: pointer;font-size: 20px;color: #d32329;background: #fff;}
.onebox .submit:hover {background-color: #ed1c24;color: #fff;}

.weizhi {float: right;font-size: 14px;}
.weizhi a {color: #fff;}
.weizhi em {font-style: normal;padding: 0 5px;}

@media screen and (max-width: 991px) {
    body {min-width: 320px;padding-top: 50px;padding-bottom: 50px;}
    .container,.center {width: auto;max-width: none;padding-left: 15px;padding-right: 15px;box-sizing: border-box;
	}

.box_tit {
    margin: 20px 0;
}
.box_tit span {
    font-size: 2rem;
}
.box_tit p {
    padding: 0 8%;
}
.pro_screen {
    padding: 20px 0;
}
.pro_screen ul {
    padding-left: 70px;
}
.pro_screen ul li:first-child {
    position: absolute;
    left: 0;
    
}
.pro_screen ul li a {
    width: 100px;
    padding: 6px 0;
    border: 1px solid #ddd;
    text-align: center;
}

.flex_between {
    padding-top: 0;
    width: 90%;
    margin: 0 5%;
}
.flex_between .text {
    width: 100%;
}
.flex_between .search {
    width: 100%;
    padding-right: 0;
    margin-top: 15px;
}
.flex_between .search input[type="text"] {
    width: 60%;
    
       
    border: 1px solid #ddd;
   
    float: left;
    padding: 0 10px;
    outline: 0;
}


.flex_between .search input[type="submit"] {
    width: 30%;
}
.case_list ul li {
    width: 40.5%;
    margin: 2%;
}

.case_list ul li:nth-child(3n) {
    margin-right: 2%;
}

.case_list ul li .text3{
    display: none;
}



    .kf {display: none;}
    .footer-fix {display: block;}

    .header {background-color: rgba(16,40,80,0.96);padding: 10px 0;position: fixed;-webkit-backdrop-filter: none;backdrop-filter: none;}
    .header .logo {height: 30px;padding: 0;line-height: 30px;float: none;}
    .header .logo img {max-height: 30px;width: auto;}
    .header .nav {display: none;margin: 10px -15px 0;text-align: left;float: none;}
    .header .nav li {display: block;border-top: 1px solid rgba(255,255,255,0.4);margin: 0;position: relative;}
    .header .nav li .arr {display: block;position: absolute;top: 0;right: 0;width: 44px;height: 40px;float: none;z-index: 2;}
    .header .nav li a {border-bottom: 0;padding: 0 48px 0 15px;font-size: 14px;color: #fff !important;line-height: 40px;text-shadow: none;}
    .header .nav li a:after {display: none;}
    .header .nav li a span {opacity: 1;color: rgba(255,255,255,0.7);font-size: 11px;}
    .header .nav li.open .arr:after {border-color: #fff;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;width: auto;margin: 0;text-align: left;background-color: rgba(126,168,216,0.12);border: 0;box-shadow: none;}
    .header .nav .dropdown-box a {padding: 0 15px;line-height: 40px;}
    .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {color: #fff;}
    .header .nav li.active a span, .header .nav li.open a span, .header .nav li a:hover span {color: #fff;}
    .menu-btn {display: block;}

    .sp_nav_body {overflow: visible;}
    .sp_nav {display: none;}
    .sp_nav-box {display: none !important;}

    .banner {height: 250px;}
    .banner .img-cover,.banner .swiper-pagination {display: block;}
    .banner video {display: none;}
    .banner .text {display: table;}
    .banner .swiper-button-prev,.banner .swiper-button-next {display:none;}
    .banner .text h4 {font-size: 20px;margin-bottom: 15px;}
    .banner .text p {font-size: 14px;}
    .banner .text a {margin-top: 20px;font-size: 14px;line-height: 32px;width: 120px;}

    .in-total {margin: 20px 0 0;border-radius: 18px;display: flex;flex-wrap: wrap;}
    .in-total li {width: 43%;padding: 16px 10px;}
    .in-total li:before {display: none;}
    .in-total li:nth-child(odd):after {content:'';position:absolute;right:0;top:18px;bottom:18px;width:1px;background:linear-gradient(180deg,rgba(30,76,143,0),rgba(30,76,143,0.14),rgba(30,76,143,0));}
    .in-total li:nth-child(-n+2) {border-bottom:1px solid rgba(30,76,143,0.08);}
    .in-total li span {font-size: 13px;}
    .in-total li strong {font-size: 28px;margin-right: 3px;}
    .in-total li strong:before {right: -10px;top: 2px;font-size: 16px;}
    .in-total li p {margin: 6px auto 0;font-size: 11px;line-height: 1.45;max-width: 100%;white-space: normal;word-break: normal;}

    .section {padding: 30px 0;}
    .home-section-compact {padding-top:24px;}
    .section-title {font-size: 20px;margin-bottom: 20px;}
    .section-title p {font-size: 12px;}
    .section-title-1 {background-size: auto 28px;background-position: center 0;}
    .section-title-1 strong,.section-title-1 h2 {padding: 0 10px;}
    .section-title-case-lines {background: none;}
    .section-title-case-lines strong,.section-title-case-lines h2 {padding: 0;}
    .section-title-case-lines strong:before,.section-title-case-lines strong:after,.section-title-case-lines h2:before,.section-title-case-lines h2:after {width: 22px;margin-top: -1px;}
    .section-title-case-lines strong:before,.section-title-case-lines h2:before {right: calc(100% + 10px);}
    .section-title-case-lines strong:after,.section-title-case-lines h2:after {left: calc(100% + 10px);}
    .section-sub {padding: 30px 0;}

    .in-server li {width: 50%;}
    .in-server li a {border: 0;padding: 5px 5px;}
    .in-server li span {display: none;}
    .in-server li .img-center {line-height: 50px;height: 50px;padding: 0;}
    .in-server li h4 {font-size: 16px;margin: 10px 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .in-server li p {margin: 0;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
    .in-server li:first-child {width: 50%;}


    .in-seo li {width: 100%;}
    .in-seo li a {padding: 20px;}
    .in-seo li .img-center {height: 40px;line-height: 40px;}
    .in-seo li p {margin-top: 10px;}

    .in-menu {margin: -5px 0 15px -5px;display: none;}
    .in-menu li a {font-size: 14px;padding: 0 10px;line-height: 32px;margin: 5px 0 0 5px;}

    .list-1 {margin: -10px 0 0 -10px;}
    .list-1 li {width: 50%;}
    .list-1 li a {margin: 10px 0 0 10px;}
    .list-1 li .text {position: static;-webkit-transform: scale(1);transform: scale(1);width: auto;height: auto;display: block;background-color: #fff;color: #333;}
    .list-1 li .inner {display: block;text-align: left;padding: 10px;}
    .list-1 li .text h4 {font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .list-1 li .text p {font-size: 14px;margin-top: 0;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    .list-2 {margin: -15px 0 0 -15px;}
    .list-2 li {width: 100%;}
    .list-2 li a {margin: 15px 0 0 15px;padding: 10px;}

    .index-news-menu {display: block;}
    .case-menu {display: block;}
    .index-news-con .img-center {display: none;}
    .index-news-con .list-2 {margin-left: -15px;}

    .in-desc .logo {float: none;text-align: center;width: auto;height: 100px;line-height: 100px;}
    .in-desc .text {margin: 20px 0 0;}
    .in-desc .text h4 {font-size: 20px;}
    .in-desc .text h5 {margin: 15px 0 5px;font-size: 14px;}
    .in-desc .text p {font-size: 12px;}
    .in-desc .text a {display: none;}

    .in-partners {margin: -5px 0 0 -5px;}
    .in-partners li a {margin: 5px 0 0 5px;}
    .in-partners li .img-center {height: 45px;line-height: 45px;}

    .in-process {margin-top: -15px;}
    .in-process li {width: 33.333333%;}
    .in-process li a {margin-top: 15px;}
    .in-process li .img-center {height: 30px;line-height: 30px;}
    .in-process li h4 {font-size: 14px;margin-top: 10px;}
    .in-process li p {margin-top: 5px;}

    .in-dynamic {margin-top: -15px;}
    .in-dynamic li {width: 100%;}
    .in-dynamic li a {margin-top: 15px;padding: 15px;}
    .in-dynamic li h4 {font-size: 16px;}
    .in-dynamic li p {margin-top: 10px;}

    .more-big {margin-top: 30px;line-height: 40px;}

    .in-partone li {width: 100%;}
    .in-partone li .wrap {padding: 40px 10px;}
    .in-partone li h4 {font-size: 20px;}
    .in-partone li a {font-size: 14px;margin-top: 20px;width: 120px;}

    .in-ready {display: none;}

    .footer {padding-top: 30px;}
    .footer dl {display: none;}
    .footer dt {margin-bottom: 10px;}
    .footer .lx {display: block;float: none;width: auto;}
    .footer .lx .tel {font-size: 30px;}
    .footer-top {display: none;}
    .footer-copy {padding: 15px 0;font-size: 12px;margin-top: 30px;}

    .banner-sub {height: 120px;font-size: 20px;}
    .banner-sub .banner-note {margin-top: 8px;font-size: 12px;line-height: 1.6;}

    .pages {margin-top: 20px;}
    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}

    .lanmu-title {display: block;}
    .lanmu ul {position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff;z-index: 11;box-shadow: 0 5px 5px rgba(0,0,0,0.1);display: none;}
    .lanmu li {display: block;border-top: 1px solid #ddd;margin: 0;}
    .lanmu li a {display: block;line-height: 40px;text-align: center;border-right: 0;font-size: 14px;}
    .lanmu li.active a,.lanmu li a:hover {background-color: transparent;color: var(--brand-blue);}

    .position {padding: 10px 0;font-size: 12px;}
    .position i {margin-right: 5px;height: 17px;background-size: 12px;width: 12px;}

    .seo-1 {margin: -10px 0 0 -10px;}
    .seo-1 li {width: 50%;}
    .seo-1 li a {margin: 10px 0 0 10px;padding: 75px 10px 10px;}
    .seo-1 li h4 {margin-bottom: 10px;font-size: 14px;}
    .seo-1 li p {font-size: 12px;height: 85px;}
    .seo-1 li:last-child {display: block;}

    .seo-2 {padding: 0;margin: -10px 0 0 -10px;background-color: transparent;}
    .seo-2 li {width: 50%;}
    .seo-2 li a {margin: 10px 0 0 10px;background-color: #fff;padding: 5px;}
    .seo-2 li .img-center {height: 156px;line-height: 156px;}
    .seo-2 li .text {line-height: 34px;font-size: 12px;}

    .seo-3 {padding: 0;background: none;}
    .seo-3 ul {height: auto;}
    .seo-3 li {position: static;margin-bottom: 15px;padding: 10px 15px;font-size: 14px;}
    .seo-3 li:after {display: none !important;}
    .seo-3 li span {font-size: 16px;}
    .seo-3 .zd {width: 88px;height: 88px;}
    .seo-3 .zd span {font-size: 16px;padding: 22px 0;}

    .seo-4 .item {width: 100%;margin-bottom: 30px;}
    .seo-4 .item:last-child {margin-bottom: 0;}
    .seo-4 .tit {margin-bottom: 20px;}
    .seo-4 .tit h4 {font-size: 20px;}
    .seo-4 .tit h4 small {font-size: 14px;margin-left: 10px;}
    .seo-4 .tit span {font-size: 16px;}
    .seo-4 ul {padding: 10px 15px 20px 15px;}
    .seo-4 li {font-size: 14px;}
    .seo-4 li span {width: 20px;height: 20px;margin-right: 5px;line-height: 20px;}
    .seo-4 .more {line-height: 34px;font-size: 14px;margin-top: -15px;}

    .seo-5 {margin: -15px 0 0 -15px;}
    .seo-5 li {width: 33.333333%;}
    .seo-5 li .wrap {margin: 15px 0 0 15px;}
    .seo-5 li .m {height: 75px;}
    .seo-5 li h4 {margin: 10px 0;font-size: 14px;}
    .seo-5 li p {font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

    .about-1 .img-center {width: 70%;margin: 0 auto;}
    .about-1 .text {margin-top: 20px;font-size: 14px;}
    .about-1 .in-total {margin-top: 20px;}

    .about-2 .logo {display: none;}
    .about-2 .text {margin-top: 0;}

    .about-3 li {width: 100%;}
    .about-3 li a {padding: 15px;}
    .about-3 li h4 {font-size: 16px;}
    .about-3 li p {height: auto;}

    .about-3-more {margin-top: 20px;}
    .about-3-more a {display: block;margin: 10px 0 0;width: auto;font-size: 16px;line-height: 34px;}

    .table-1,.table-2 {overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;}
    .table-1::-webkit-scrollbar,.table-2::-webkit-scrollbar {display: none;width: 0;height: 0;}
    .table-1 table,.table-2 table {min-width: 560px;}
    .table-1 table {font-size: 12px;}
    .table-1 th, .table-1 td {padding: 10px;}
    .table-1 th {font-size: 14px;}
    .table-1 th:last-child {display: table-cell;}
    .table-1 td:last-child {display: table-cell;}
    .table-1 th:first-child {width: 80px;}

    .map {height: auto;}

    .contact-left,.contact-right {width: auto;float: none;}
    .contact-left .tel {margin-bottom: 20px;font-size: 16px;}
    .contact-left .tel strong {font-size: 24px;}
    .contact-left li {font-size: 14px;background-size: 24px auto;padding-left: 30px;}
    .contact-right {margin-top: 30px;}
    .contact-right .tit img {height: 30px;}
    .contact-right dt {width: 100px;}
    .contact-right dd {margin-left: 115px;}
    .contact-right dd h4 {font-size: 18px;}
    .contact-right dd p {font-size: 14px;margin-top: 10px;}

    .v-lanmu {display: none;}
    .v-main,.v-main.news-main-full {margin: 0;}
    .h-lanmu {display: block;white-space: nowrap;overflow-x: auto;overflow-y: hidden;margin: 0 0 15px;padding-bottom: 4px;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;}
    .h-lanmu::-webkit-scrollbar {display: none;width: 0;height: 0;}
    .h-lanmu li {display: inline-block;float: none;margin: 0 8px 0 0;}
    .h-lanmu li a {padding: 0 16px;line-height: 36px;font-size: 14px;border-radius: 999px;}

    .list-3 li {margin-bottom: 15px;}
    .list-3 li a {padding: 10px;}
    .list-3 li .img-center {width: 120px;flex: 0 0 120px;}
    .list-3 li .text {margin-left: 15px;}
    .list-3 li .text h4 {font-size: 14px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .list-3 li .text p {margin-top: 5px;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
    .list-3 li .text span {display: none;}
    .v-main.news-main-full .list-3 li .img-center {width: 120px;flex: 0 0 120px;}
    .v-main.news-main-full .list-3 li .text {margin-left: 15px;}

    .banner-content {height: auto;padding: 30px 0;}
    .banner-content .container {display: block;height: auto;}
    .banner-content .inner {display: block;}
    .content-title {margin: 0;}
    .content-title h1 {font-size: 20px;}
    .content-title p {margin-top: 10px;}
    .content-title p span {font-size: 12px;margin-right: 5px;}
    .content-main, .content-xg {padding: 15px;}
    .content-main {margin: -30px -15px 0;}
    .content-exp {margin-top: 15px;padding-top: 15px;font-size: 12px;}
    .content-exp li {float: none;display: block;width: auto;}
    .content-exp li:last-child {text-align: left;margin-top: 10px;}
    .content-tips {margin-top: 15px;padding-top: 15px;font-size: 12px;}

    .content-xg {margin: 20px -15px 0;}
    .content-xg .tit {font-size: 18px;margin-bottom: 10px;}
    .content-xg-left,.content-xg-right {float: none;width: auto;}
    .content-xg-left {padding-right: 0;border-right: 0;}
    .content-xg-right {margin-top: 20px;}

    .webdes {margin-left: -10px;}
    .webdes li {width: 50%;}
    .webdes li a {margin: 10px 0 0 10px;line-height: 44px;font-size: 14px;}

    .content-case-title {padding: 30px 0;}
    .content-case-title h4 {font-size: 20px;margin-bottom: 15px;}
    .content-case-title h5 {font-size: 16px;}
    .content-case-title .btn {margin-top: 20px;}
    .content-case-title-left,.content-case-title-right {width: auto;float: none;}
    .content-case-title-right {padding-top: 30px;}

    .content-case-xg .tit {font-size: 20px;margin-bottom: 20px;}

    .list-4 {margin: -15px 0 0 -15px;}
    .list-4 li {width: 50%;}
    .list-4 li a {margin: 15px 0 0 15px;}
    .list-4 li .text {padding: 10px;}
    .list-4 li .text h4 {font-size: 16px;}
    .list-4 li .text p {font-size: 12px;line-height: 20px;}

    .wzjs-1,.wzjs-box {margin-bottom: 30px;}
    .wzjs-1 .pic {width: auto;float: none;padding: 0;background: none;height: auto;}
    .wzjs-1 .pic .img-center {height: 235px;line-height: 235px;}
    .wzjs-1 .info {margin: 20px 0 0;}
    .wzjs-1 .info h1 span {font-size: 18px;margin-right: 5px;}
    .wzjs-1 .info h1 small {font-size: 12px;line-height: 20px;}
    .wzjs-1 .text .btn {margin-top: 20px;}

    .wzjs-1 .text .sb-it {margin-right: 0;display: block;}

    .wzjs-tit {line-height: 20px;}
    .wzjs-tit em {display: none;}
    .wzjs-tit span {font-size: 16px;}
    .wzjs-tit span i {line-height: 20px;width: 20px;margin-right: 5px;}

    .wzjs-2 {font-size: 16px;}
    .wzjs-2 .tel {float: none;margin-bottom: 10px;}

    .table-2 table {font-size: 12px;}
    .table-2 th, .table-2 td {padding: 10px;}
    .table-2 th {font-size: 14px;}
    .table-2 th:first-child,.table-2 td:first-child {width: 80px;}
    .table-2 th:last-child {display: table-cell;}
    .table-2 td:last-child {display: table-cell;}
    .table-2 td:first-child img {height: 16px;width: auto;}

    .wybzd {font-size: 12px;line-height: 1.8;margin: 0 0 20px;}

    .wzjs-3 li {width: 33.333333%;}
    .wzjs-3 li .wrap {padding: 5px;}
    .wzjs-3 li .img-center {height: 24px;line-height: 24px;}
    .wzjs-3 li p {font-size: 12px;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .wzjs-3-tips {padding: 0 10px;}

    .wzjs-4 {margin-top: -15px;}
    .wzjs-4 li {width: 25%;}
    .wzjs-4 li .wrap {margin-top: 15px;}
    .wzjs-4 li .wrap:after {display: none;}
    .wzjs-4 li .img-center {height: 40px;line-height: 40px;}
    .wzjs-4 li p {font-size: 12px;}

    .wzjs-5 .bg {display: none;}
    .wzjs-5 .wzjs-box {width: auto;}
    .wzjs-5-left,.wzjs-5-right {float: none;}

    .wzjs-6 dt {float: none;width: auto;}
    .wzjs-6 dd {margin: 20px 0 0;padding-top: 0;}
    .wzjs-6 dd p {margin: 10px 0 0;font-size: 14px;padding: 0 10px;}

    .more-big-2 {line-height: 34px;margin-top: 20px;font-size: 14px;}

    .wzjs-7 .bg {display: none;}
    .wzjs-7 dt {font-size: 16px;width: 55px;padding-top: 5px;height: 64px;}
    .wzjs-7 dd {margin-left: 70px;}
    .wzjs-7 dd h4 {font-size: 16px;}
    .wzjs-7 dd p {font-size: 12px;margin-top: 5px;}
    .wzjs-7 .list li {font-size: 14px;}
    .wzjs-7 .more {margin-top: 10px;font-size: 14px;}
    .wzjs-7 .menu {padding-top: 0;margin-left: -10px;}
    .wzjs-7 .menu li a {margin: 0 0 10px 10px;}
    .wzjs-7-left,.wzjs-7-right {width: auto;float: none;padding: 0;}
    .wzjs-7-right {margin-top: 20px;}
    .muban-switch-wrap {margin-bottom: 18px;}
    .muban-switch-menu {padding-top: 0;}
    .muban-switch-menu li a {margin: 0 5px 10px;padding: 0 18px;font-size: 14px;}
    .muban-style-placeholder {padding: 54px 16px;font-size: 15px;line-height: 1.7;}
    .app-dev-service {padding-top: 0;}
    .app-dev-service-head {margin-bottom: 24px;}
    .app-dev-service-head h2 {font-size: 24px;}
    .app-dev-service-head h2 .xspan,.app-dev-service-head h2 span:last-child {width: 22px;margin: 0 10px;top: -1px;}
    .app-dev-service-head p {margin-top: 10px;font-size: 13px;line-height: 1.75;}
    .xcx-advantage-wrap {padding: 24px 0 10px;}
    .xcx-advantage-grid {row-gap: 16px;margin-left: -8px;margin-right: -8px;}
    .xcx-advantage-wrap .col-xs-6,.xcx-advantage-wrap .col-sm-6,.xcx-advantage-wrap .col-md-6,.xcx-advantage-wrap .col-lg-5ths {padding-left: 8px;padding-right: 8px;}
    .xcx-advantage-card {padding: 14px 10px;margin-bottom: 0;border-radius: 10px;}
    .xcx-advantage-card .ser-icon span:before {font-size: 38px;margin-top: 16px;margin-bottom: 18px;}
    .xcx-advantage-card .ser-content .title h3 {font-size: 16px;margin-bottom: 8px;}
    .xcx-advantage-card .ser-content .para {font-size: 12px;line-height: 1.6;}
    .xcx-advantage-card .ser-content .para p {white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    .app-dev-service-grid {margin: 0 -8px;}
    .app-dev-service-item {width: 50%;padding: 0 8px 16px;}
    .app-dev-service-card {min-height: 232px;padding: 24px 18px 22px;}
    .app-dev-service-card .ico {padding: 14px 0 10px;}
    .app-dev-service-card .ico .appsvc-iconfont {font-size: 38px;}
    .app-dev-service-card h4 {font-size: 18px;margin-bottom: 10px;}
    .app-dev-service-card p {font-size: 12px;line-height: 1.75;}
    .app-plan-wrap .app-services {padding-top: 24px;}
    .app-plan-wrap .c-fluid {padding: 0;}
    .app-plan-wrap .heading h2 {font-size: 24px;}
    .app-plan-wrap .heading h2 span {width: 22px;height: 1px;margin: 0 10px;}
    .app-plan-wrap .heading p {padding: 10px 12px 24px;font-size: 13px;line-height: 1.75;}
    .app-plan-wrap .app-plan-nav-wrap {padding: 0 12px 26px;}
    .app-plan-wrap .weui-navigator.weui-navigator-wrapper {overflow: visible;-webkit-overflow-scrolling: touch;}
    .app-plan-wrap .weui-navigator-list {display: flex;flex-wrap: wrap;width: auto;white-space: normal;justify-content: center;gap: 10px;}
    .app-plan-wrap .weui-navigator-list li {font-size: 14px;line-height: 30px;min-width: 0;margin: 0;white-space: normal;}
    .app-plan-wrap .weui-navigator-list li a {padding: 0 12px;}
    .app-plan-wrap .x-line:after {width: 0;height: 0;}
    .app-plan-wrap .x-line > .row {display: block;}
    .app-plan-wrap .x-line > .row > .col-lg-6 {width: 100%;max-width: 100%;}
    .app-plan-wrap .plan-l {padding: 24px 18px 10px;}
    .app-plan-wrap .plan-l:before,.app-plan-wrap .plan-l:after,.app-plan-wrap .plan-r:before,.app-plan-wrap .plan-r:after {display: none;}
    .app-plan-wrap .plan-l h2 {font-size: 18px;margin-bottom: 10px;}
    .app-plan-wrap .plan-l p {font-size: 13px;}
    .app-plan-wrap .plan-l ul {width: 100%;margin-top: 18px;}
    .app-plan-wrap .plan-l ul li {width: 47%;margin-right: 6%;padding: 12px 8px;}
    .app-plan-wrap .plan-l ul li:nth-child(2n) {margin-right: 0;}
    .app-plan-wrap .plan-l ul li span {font-size: 34px;line-height: 30px;}
    .app-plan-wrap .plan-r {min-height: 1px;height: auto;display: block;}
    .app-plan-wrap .pl-0 {padding-left: 0 !important;}
    .app-plan-wrap .pr-0 {padding-right: 0 !important;}
    .app-plan-wrap .plan-r .swiper-z {height: auto;overflow: hidden;}
    .app-plan-wrap .swiper-slideb > a {height: auto;}
    .app-plan-wrap .swiper-slideb img {width: 100%;height: auto;object-fit: fill;display: block;}
    .app-plan-wrap .swiper-z .swiper-pagination-bullet {width: 28px;height: 28px;line-height: 28px;font-size: 14px;}
    .app-plan-wrap .plan-r .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 10px;top: auto;padding-right: 12px;}
    .app-industry-solutions {padding: 38px 18px;}
    .app-industry-solutions:before,.app-industry-solutions:after {width: 90px;}
    .app-industry-solutions .app-dev-service-head {margin-bottom: 24px;}
    .app-industry-tabs {gap: 10px;margin-bottom: 20px;overflow-x: auto;overflow-y: hidden;padding-bottom: 2px;flex-wrap: nowrap;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;}
    .app-industry-tabs::-webkit-scrollbar {display: none;width: 0;height: 0;}
    .app-industry-tabs button {flex: 0 0 auto;height: 40px;line-height: 38px;padding: 0 16px;font-size: 14px;}
    .app-industry-main {display: block;}
    .app-industry-copy,.app-industry-aside {width: 100%;padding: 22px 18px;}
    .app-industry-aside {margin-top: 14px;}
    .app-industry-eyebrow {font-size: 12px;margin-bottom: 10px;}
    .app-industry-copy h3 {font-size: 22px;}
    .app-industry-copy p {margin-top: 12px;font-size: 13px;line-height: 1.85;}
    .app-industry-list {margin: 18px 0 0;}
    .app-industry-list li {float: none;width: 100%;margin: 0 0 10px;padding: 12px 14px 12px 20px;font-size: 13px;}
    .app-industry-list li:before {left: 10px;top: 20px;}
    .app-industry-metrics {margin: -10px 0 0;}
    .app-industry-metrics .metric-card,.app-industry-metrics .metric-card.wide {float: none;width: 100%;margin: 10px 0 0;min-height: 0;padding: 16px;}
    .app-industry-metrics strong {font-size: 17px;}
    .app-industry-metrics span {margin-top: 8px;font-size: 13px;line-height: 1.7;}

    .onebox {width: auto;left: 12px;right: 12px;top: 50%;margin-left: 0;margin-top: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);max-height: calc(100vh - 24px);overflow-y: auto;border-radius: 14px;}
    .onebox-wrap {margin: 0;padding: 20px;border: none;}
    .onebox .close {width: 20px;height: 20px;}
    .onebox .tit {background: none !important;font-size: 18px;padding-left: 0;margin-bottom: 10px;}
    .onebox li {width: 100%;}
    .onebox li i {width: 34px;height: 40px;}
    .onebox li input {margin-left: 34px;line-height: 20px;padding: 10px 12px;font-size: 14px;width: calc(100% - 34px);box-sizing: border-box;}
    .onebox li textarea {box-sizing: border-box;width: 100% !important;font-size: 14px;line-height: 20px;padding: 10px 12px;}
    .onebox li.yzm img {height: 40px;width: 80px;}
    .onebox li.yzm input {width: calc(100% - 114px);}
    .onebox .submit {height: 38px;font-size: 16px;}

    .taocan_titleo {width: auto;margin-top: 20px;font-size: 12px;}

    .weizhi {display: none;}

    .case-wrap {min-width: auto;width: auto;}
    .fllist li {width: 47%;}
}


/***模板内容页分类****/
.fllist{
border: 1px solid #eee;
padding: 10px;
font-size: 16px;
background-color: #f9f9f9;
}
.fllist li{
display: inline-block;
width: 30%;
margin-bottom: 10px;
margin-top: 10px;
}
.fllist li a{
background-color: var(--brand-blue);
color: #fff;
padding: 6px 16px;
}
.fllist li a:hover{
background-color: var(--brand-blue-dark);
}
.fllist li strong{
  color: var(--brand-blue-dark);
}
@media screen and (max-width: 450px){
  .fllist li {
    width: 45%;
}

}












































/* PB模板网：www.PBmo.cn */
/* QQ：181046927 */
/* PBOOTCMS模板交流群号：183945698*/
/* Pboot模板网 www.PbootMoBan.com/ */
/* pbootcms模板网代理：www.PBqi.cn  */
/* 易趣趣站长源码网：www.eququ.com  */
/* CMS模板库：www.cmsmbk.com  */

/* ===== SSL 服务页 ===== */
.ssl-intro {padding: 60px 0;background: #fff;}
.ssl-intro-head p {margin: 0;font-size: 15px;line-height: 1.95;color: #666;}
.ssl-checks {margin: 26px -8px 0;}
.ssl-checks li {float: left;width: 25%;box-sizing: border-box;position: relative;padding: 0 8px 14px 32px;font-size: 15px;line-height: 1.6;color: #333;}
.ssl-checks li:before {content: "";position: absolute;left: 8px;top: 2px;width: 16px;height: 16px;background: no-repeat center / contain;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232a86dd' d='M9.6 16.6l-4.2-4.2 1.4-1.4 2.8 2.8 7-7 1.4 1.4z'/%3E%3C/svg%3E");}
.ssl-notes {display: flex;gap: 44px;margin-top: 34px;padding-top: 30px;border-top: 1px dashed #d8e3f0;}
.ssl-note {flex: 1;display: flex;align-items: center;gap: 16px;}
.ssl-note .ico {flex: 0 0 auto;width: 56px;height: 56px;border: 2px solid #bcd8f2;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.ssl-note .ico svg {width: 28px;height: 28px;stroke: #2a86dd;fill: none;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}
.ssl-note .txt {flex: 1;text-align: left;}
.ssl-note h3 {margin: 2px 0 8px;font-size: 19px;font-weight: 700;color: #1a1a1a;}
.ssl-note p {margin: 0;font-size: 14px;line-height: 1.9;color: #666;}

.ssl-why {padding: 60px 0 50px;background: #f5f8fc;}
.ssl-why .section-title {margin-bottom: 46px;}
.ssl-why-grid {display: flex;flex-wrap: wrap;gap: 28px 24px;}
.ssl-why-grid:before,.ssl-why-grid:after {content: none;}
.ssl-why-grid > li {display: flex;align-items: center;gap: 16px;width: calc(50% - 12px);box-sizing: border-box;padding: 26px 24px;background: #fff;border: 1px solid #e9eff6;border-radius: 8px;box-shadow: 0 2px 10px rgba(0,0,0,.06);transition: all .3s ease;}
.ssl-why-grid > li:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0,0,0,.1);}
.ssl-why-grid .ico {flex: 0 0 auto;width: 58px;height: 58px;border-radius: 50%;background: linear-gradient(135deg,#4aa8f7 0%,#1f74cf 100%);color: #fff;font-size: 26px;font-weight: 700;line-height: 1;display: flex;align-items: center;justify-content: center;box-shadow: 0 6px 14px rgba(31,116,207,.28);}
.ssl-why-grid h4 {margin: 4px 0 10px;font-size: 20px;font-weight: 700;color: #1a1a1a;}
.ssl-why-grid p {margin: 0;font-size: 14px;line-height: 1.9;color: #666;text-align: justify;}

@media (max-width: 991px){
  .ssl-intro {padding: 30px 0;}
  .ssl-intro-head p {font-size: 13px;}
  .ssl-checks {margin: 18px -6px 0;}
  .ssl-checks li {width: 50%;padding: 0 6px 12px 30px;font-size: 13px;}
  .ssl-checks li:before {left: 6px;}
  .ssl-notes {display: block;margin-top: 20px;padding-top: 20px;}
  .ssl-note {margin-bottom: 20px;}
  .ssl-note h3 {font-size: 16px;}
  .ssl-note p {font-size: 13px;}
  .ssl-why {padding: 32px 0 24px;}
  .ssl-why .section-title {margin-bottom: 24px;}
  .ssl-why-grid {gap: 16px;}
  .ssl-why-grid > li {width: 100%;padding: 20px 18px;}
  .ssl-why-grid .ico {width: 46px;height: 46px;font-size: 20px;}
  .ssl-why-grid h4 {font-size: 17px;}
  .ssl-why-grid p {font-size: 13px;}
}

/* ===== 网站托管维护页 ===== */
.weihu-lead {max-width: 960px;margin: 0 auto;}
.weihu-lead p {margin: 0;font-size: 16px;line-height: 2;color: #555;text-align: justify;}
.weihu-lead strong {color: var(--brand-blue);}

.weihu-grid {display: flex;flex-wrap: wrap;gap: 24px;}
.weihu-grid > li {width: calc(50% - 12px);box-sizing: border-box;background: #fff;border: 1px solid #e9eff6;border-radius: 8px;padding: 24px;box-shadow: 0 2px 10px rgba(0,0,0,.05);transition: all .3s ease;}
.weihu-grid > li:hover {transform: translateY(-4px);box-shadow: 0 8px 20px rgba(0,0,0,.09);}
.weihu-grid h4 {position: relative;margin: 0 0 10px;padding-left: 18px;font-size: 19px;color: #1a1a1a;font-weight: 700;}
.weihu-grid h4:before {content: "";position: absolute;left: 0;top: 7px;width: 8px;height: 8px;border-radius: 50%;background: var(--brand-blue);}
.weihu-grid p {margin: 0;font-size: 14px;line-height: 1.9;color: #666;text-align: justify;}

.weihu-services {display: flex;flex-wrap: wrap;gap: 24px;}
.weihu-service {width: calc(50% - 12px);box-sizing: border-box;background: #fff;border: 1px solid #e9eff6;border-radius: 8px;padding: 26px 24px;box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.weihu-service h3 {margin: 0 0 6px;font-size: 19px;color: var(--brand-blue);font-weight: 700;}
.weihu-service .sub {margin: 0 0 14px;font-size: 13px;color: #999;}
.weihu-service ul {margin: 0;padding: 0;list-style: none;}
.weihu-service li {position: relative;padding-left: 18px;margin-bottom: 10px;font-size: 14px;line-height: 1.85;color: #555;}
.weihu-service li:before {content: "";position: absolute;left: 0;top: 9px;width: 6px;height: 6px;border-radius: 50%;background: #8fb8e6;}

.weihu-packages {display: flex;flex-wrap: wrap;gap: 24px;}
.weihu-package {width: calc(33.333% - 16px);box-sizing: border-box;background: #fff;border: 1px solid #e9eff6;border-radius: 10px;padding: 28px 24px;box-shadow: 0 2px 10px rgba(0,0,0,.05);transition: all .3s ease;}
.weihu-package:hover {border-color: var(--brand-blue);box-shadow: 0 8px 24px rgba(35,92,168,.15);}
.weihu-package h3 {margin: 0 0 12px;font-size: 20px;color: #1a1a1a;font-weight: 700;text-align: center;}
.weihu-package .price {font-size: 30px;font-weight: 700;color: #e2503f;line-height: 1;text-align: center;}
.weihu-package .price span {font-size: 14px;font-weight: 400;color: #999;margin-left: 2px;}
.weihu-package .tag {display: block;width: fit-content;margin: 14px auto;padding: 4px 12px;border-radius: 20px;background: #eef5fd;color: var(--brand-blue);font-size: 13px;}
.weihu-package .desc {margin: 0 0 14px;font-size: 14px;line-height: 1.9;color: #666;}
.weihu-package .feat {margin: 0;padding: 14px 0 0;border-top: 1px dashed #e5ebf3;list-style: none;}
.weihu-package .feat li {position: relative;padding-left: 20px;margin-bottom: 9px;font-size: 13px;line-height: 1.8;color: #555;}
.weihu-package .feat li:before {content: "";position: absolute;left: 0;top: 6px;width: 12px;height: 12px;background: no-repeat center / contain;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23235ca8' d='M9.6 16.6l-4.2-4.2 1.4-1.4 2.8 2.8 7-7 1.4 1.4z'/%3E%3C/svg%3E");}

.weihu-adv {display: flex;flex-wrap: wrap;gap: 24px;}
.weihu-adv > li {width: calc(50% - 12px);box-sizing: border-box;background: #fff;border: 1px solid #e9eff6;border-radius: 8px;padding: 24px;box-shadow: 0 2px 10px rgba(0,0,0,.05);transition: all .3s ease;}
.weihu-adv > li:hover {transform: translateY(-4px);box-shadow: 0 8px 20px rgba(0,0,0,.09);}
.weihu-adv-top {display: flex;align-items: center;gap: 16px;margin-bottom: 14px;}
.weihu-adv-no {flex: 0 0 52px;width: 52px;height: 52px;border-radius: 50%;background: linear-gradient(135deg,#0F4C81,#2563EB);color: #fff;font-size: 18px;font-weight: 700;line-height: 1;display: flex;align-items: center;justify-content: center;box-shadow: 0 8px 16px rgba(15,76,129,.2);}
.weihu-adv h4 {margin: 0;flex: 1;font-size: 20px;line-height: 1.4;color: #111;font-weight: 700;}
.weihu-adv p {margin: 0;font-size: 14px;line-height: 1.9;color: #666;text-align: justify;}

@media (max-width: 991px){
  .weihu-lead p {font-size: 14px;}
  .weihu-grid {gap: 16px;}
  .weihu-grid > li {width: 100%;padding: 20px;}
  .weihu-grid h4 {font-size: 17px;}
  .weihu-services {gap: 16px;}
  .weihu-service {width: 100%;padding: 20px;}
  .weihu-service h3 {font-size: 17px;}
  .weihu-packages {gap: 16px;}
  .weihu-package {width: 100%;padding: 22px 20px;}
  .weihu-package .price {font-size: 26px;}
  .weihu-adv {gap: 16px;}
  .weihu-adv > li {width: 100%;padding: 20px;}
  .weihu-adv-no {flex: 0 0 44px;width: 44px;height: 44px;font-size: 16px;}
  .weihu-adv h4 {font-size: 17px;}
}