* {margin:0;padding:0;box-sizing:border-box;}
a{text-decoration:none;}
ul li,ol li {list-style:none;}
html{font-size: 100px;}
body {font-size: .16rem;line-height: 1;font-family:'Arial',sans-serif;line-height:1.6;color:#333; background: #f7f8fb;}
.auto{margin: 0 auto; max-width: 14.40rem; width:87.6% ;}
.w1680{max-width:16.80rem;}
img{max-width: 100%; border: none;}
@media (max-width:1024px) {
    html {font-size:calc(100 / 1200 * 100vw);}
}
@media (max-width:768px) {
    html {font-size:calc(100 / 850 * 100vw);}
}
@media (max-width:640px) {
    html {font-size:calc(100 / 520 * 100vw);}
}
.header .auto{position: relative;}
.header .header-content {position: fixed;width: 100%; background: #ffffff; z-index: 100;}
.header .logo-brand {display:flex;flex-wrap: wrap;justify-content:space-between;align-items:center;padding:.25rem 0;line-height: 1;}
.header .brand {display:flex;align-items:center;gap:.3rem;}
.header .brand ul{display:flex;align-items:center;gap:4vw;}
.header .brand ul a{display:block;max-height: .26rem;}
.header .brand ul img{ max-height: .26rem;}
.header .brand .lan {background: url('../images/lan.png') no-repeat left center;padding-left: .4rem;line-height: 28px;}
.header .logo a{display:block;}
.header .logo img {width: 3.6rem;}
.header .wapnav{display: none;}
.header .wapnav a{color:white;background-color: #001a70;padding: .05rem .2rem;border-radius:.3rem;display: flex;align-items:center; cursor: pointer;}
.header .wapnav i{font-style:normal;}
.header .wapnav a:before{display: block;width:14px;height:15px;margin-right:.1rem;background:url('../images/wapnav.png') no-repeat center center;content:'';}
.header .wapnav a:hover{background-color: #001a70;}
.header .nav{ background: #001a70;}
.header .nav ul {display:flex;list-style:none;gap:25px;}
.header .nav ul li{flex:1; line-height: .5rem; text-align: center; position: relative;}
.header .nav ul li:not(:last-child):after {content:'';position:absolute;top:0;bottom:0;right:0;margin: auto;width:1px;height:.2rem;background:rgba(255,255,255,0.2)}
.header .nav ul li a {color:white;text-decoration:none;font-size:.18rem;text-transform:uppercase;font-weight:500;}
.header .nav ul li a:hover {color:#4A90D9;}
@media screen and (max-width: 1024px) {
.header .logo {max-width: 50%;}
.header .logo-brand{height: .6rem;}
.header .brand  ul{gap:2vw;display: none;}
.header .wapnav{display: block; }
.header .nav{position: fixed;top: 0; left: -100%; transition: 0.5s; width: 40%;height: 100vh; border-radius: 0 .2rem .2rem 0; box-shadow:0 6px 40px rgba(0,26,112,0.5);}
.header .nav ul{display: block; padding: .5rem 0;}
.header .nav ul li{border-bottom: 1px solid rgba(255,255,255,0.2);}
body.show-nav{overflow: hidden;}
body.show-nav .header .nav{left: 0;}
}


.foot-follow{background: #1a317f; padding: .5rem 0;}
.foot-follow .auto{display:flex;flex-wrap: wrap;justify-content:space-between;align-items:center;}
.foot-follow .title{font-size:.36rem;font-weight:bold;color:white;}
.foot-follow .follow ul{display:flex;justify-content:space-between;gap:20px;}
.foot-follow .follow ul li{flex:1; text-align: center; position: relative;}
.foot-follow .follow ul li a {width: .6rem; height: .6rem;  display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: 0.4s; box-shadow: 0 0 0 1px rgba(255,255,255,0.2);}
.foot-follow .follow ul li a img{max-height:.26rem;}
.foot-follow .follow ul li a:not(:hover) img{filter: grayscale(100%) invert(1); opacity: 0.6;}
.foot-follow .follow ul li a:hover {background: #ffffff;}
.foot-follow .follow ul li a:hover {background: #ffffff;}
@media screen and (max-width: 1200px) {
.foot-follow .title{font-size:.32rem;}   
.foot-follow .follow ul li a {width: .45rem; height: .45rem; } 
.foot-follow .follow ul li a img{max-height:.20rem;}
}
@media screen and (max-width: 640px) {
   .foot-follow .auto{justify-content: center;} 
}

.footer{background:#001a70;color:white;padding:.1rem 0;}
.footer .box-t{display:flex;flex-wrap: wrap;justify-content:space-between;gap:20px;border-bottom: 1px solid rgba(255,255,255,0.05); padding: .3rem 0;}
.footer .box-t .logo img{max-height:.2rem;}
.footer .box-t .right{display:flex;flex-wrap: wrap;align-items:center;gap:.2rem;}
.footer .box-t .nav{font-size: .18rem;display:flex;align-items:center;gap:2.5vw; margin-right: 2vw;}
.footer .box-t .nav a{color:white;}
.footer .box-t .icon { display: flex; align-items: center; gap: 2.5vw;}
.footer .box-t .icon img {max-height:.26rem;}
.footer .box-b{gap: .2rem;display:flex;flex-wrap: wrap;justify-content:space-between;align-items: center; padding: .4rem 0; line-height: 2;}
.footer .box-b,
.footer .box-b a:not(:hover){color: rgba(255,255,255,0.6);}
.footer .box-b .icon{display: flex; align-items: center; gap: .35rem;}
.footer .box-b .icon figure img {max-height:.26rem;}
.footer .box-b .legal a:not(:last-child){margin-right: .35rem;}
@media screen and (max-width: 1200px) {
.footer .box-t .right{width: 100%;justify-content: space-between;}
.footer .box-t .nav{gap:.3rem; margin-right: .3rem;}
.footer .box-t .icon { gap: .2rem;}
}
@media screen and (max-width: 1024px) {
.footer .box-b .group{order: 3;}
}
@media screen and (max-width: 640px) {
.foot-follow{padding: .2rem 0;}
.footer .box-b{padding: .2rem 0;}
}

.ind-banner{position: relative;}
.ind-banner .inbox{position: absolute;width: 100%;;top: 38%;transform:translateY(-50%); color: white; z-index: 5;}
.ind-banner .info{text-align: center; max-width: 10.4rem; margin: 0 auto;}
.ind-banner .info h2{font-size: .5rem;margin-bottom: .3rem; line-height: 1.35;}
.ind-banner .info p{font-size: .18rem; line-height: 2;}
.ind-banner picture img{width: 100%;}
@media screen and (max-width: 1200px) {
 .ind-banner .info h2{font-size: .36rem; margin-bottom: .15rem;}   
}
@media screen and (max-width: 640px) {
 .ind-banner .info h2{font-size: .24rem; }   
 .ind-banner .info p{font-size: .16rem; }
}

.ind-brand {display: flex;flex-wrap: wrap;gap:.3rem;position:relative;z-index:2; margin-top: -15%;}
.ind-brand .item {width: calc((100% - 2*.3rem)/3);background: white;border-radius:.1rem;padding:.6rem .3rem;text-align:center;box-shadow:0 4px 24px rgba(0,26,112,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.ind-brand .item figure{height: .7rem; align-content: center;}
.ind-brand .item figure img {max-height:.56rem;}
.ind-brand .item .count {font-size:.28rem;font-weight:bold;color:#0A1628;margin-top: .2rem;}
.ind-brand .item .desc{font-size:.18rem;color:#666;padding: .05rem 0;}
.ind-brand .item .btn{font-size:.18rem; padding-top: .3rem;}
.ind-brand .item .btn span {display:inline-flex; align-items:center;padding:.12rem .3rem;background:white;color:#0A1628;text-decoration:none;border-radius:30px;font-size:14px;font-weight:500;border:1px solid #0A1628;transition:all 0.3s ease;}
.ind-brand .item .btn span:after{content:'';margin-left:.25rem;width:.2rem;height:.2rem;background:url('../images/jt.svg') no-repeat center center;}

.ind-brand .item:hover .btn span {background:#0A1628;color:white;}
.ind-brand .item:hover .btn span:after{filter: grayscale(100%) invert(1); }
@media screen and (min-width: 640px) {
.ind-brand .item:hover {transform:translateY(-30px);box-shadow:0 6px 40px rgba(0,26,112,0.12);}
}
@media screen and (max-width: 1200px) {
 .ind-brand {margin-top:3%;}   
 .ind-brand .item{padding:.3rem .2rem;}
}
@media screen and (max-width: 640px) {
.ind-brand .item {width:100%;}
.ind-brand .item .btn span {padding:.1rem .15rem;}
.ind-brand .item .btn span:after{margin-left: .1rem;}
}

.ind-suggestions{padding: 8.333333333333333% 0;}
.ind-suggestions .title{font-size: .36rem; text-align: center; color: #000; padding-bottom: .4rem;}
.ind-suggestions .item a{display: flex; flex-wrap: wrap; border-radius: .1rem; background: #fff url('../images/txt_bg.png') no-repeat right bottom; background-size: 31.94444444444444%;}
.ind-suggestions .item:not(:last-child){margin-bottom: .2rem;}
.ind-suggestions .item .pic{width: 29.16666666666667%;}
.ind-suggestions .item .pic figure{padding-bottom: 56.19047619047619%;  border-radius: .1rem; overflow: hidden; position: relative;}
.ind-suggestions .item .pic figure img{width: 100%;height: 100%;object-fit: cover; position: absolute;transition: 0.5s;}
.ind-suggestions .item .info{width: 70.83333333333333%;padding:2% 5.5%; line-height:1.875}
.ind-suggestions .item .info h4{font-size:.26rem;margin-top: .1rem;margin-bottom: .2rem; color: #000;}
.ind-suggestions .item .info .step{font-size:.18rem;padding: 0.05rem 0.1rem;;background: #001a70; color: white; border-radius: .15rem .15rem .15rem 0;}
.ind-suggestions .item:hover .pic figure img{transform:scale(1.1);}
@media screen and (max-width: 1200px) {
 .ind-suggestions .title{font-size: .32rem; }   
 .ind-suggestions .item .info h4{font-size:.22rem;}
}
@media screen and (max-width: 640px) {
  .ind-suggestions .item .pic{width: 100%;}
  .ind-suggestions .item .info{width: 100%;}
  .ind-suggestions .item .info h4{margin-bottom: .1rem;}

}