@charset "utf-8";
/* CSS Document */
html{scroll-behavior: smooth;}
body{font-family:-apple-system, sans-serif, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', 微软雅黑;font-size:12px;overflow-x:hidden;background: #f7fafd;}
*{padding:0px;margin:0px;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clear{clear:both;}
a{text-decoration:none;}
input,textarea{outline:none;}
input{background:#fff;}
input,button,textarea{font-family:-apple-system, sans-serif, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', 微软雅黑;outline: none;}
img{border:none;}
i,em{font-style:normal;}
input,textarea,button{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance: none;border-radius: 0;}/*去除苹果默认样式*/
input::-webkit-input-placeholder{/* WebKit browsers*/ color:#bcbfcc;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18*/ color:#bcbfcc;}
input::-moz-placeholder{/* Mozilla Firefox 19+*/ color:#bcbfcc;}
input:-ms-input-placeholder{/* Internet Explorer 10+*/color:#bcbfcc;}
.fl{float:left;}
.fr{float:right;}
a:focus{outline:none;}
.w1200{width:1200px;margin: 0 auto;}
.bg{background: #f7fafd;}

header{background: white/cover;backdrop-filter: blur(10px);height:60px;line-height: 60px;position: fixed;left:0;top:0;right:0;z-index:99;}
.hed_box{}
.h_top{display: grid;gap: 32px;grid-template-columns: repeat(2, 1fr);width: 1200px;margin: 0 auto;}
.logo{font-size: 24px;font-weight: bold;color:#1664ff;}
.h_top ul{text-align: right;font-size: 16px;}
.h_top ul li{display: inline-block;padding:0 25px;}
.h_top ul li a{color:#1f2329;}

.banner{background: url(../images/banner_bg.png) no-repeat center center;background-size: 80%;padding:65px 0 200px;}
.banner_txt{padding-top:135px;width:630px;}
.banner_txt h1{font-size: 54px;font-weight: bold;color:#0c0d0e;}
.banner_txt h3{font-size: 32px;font-weight: bold;color:#0c0d0e;margin-top:5px;}
.banner_txt p{font-size: 18px;color:#4e5461;margin-top:35px;line-height: 28px;}
.banner_txt span{color:#1664ff;}
.bu_1{border:0;height:58px;line-height: 58px;padding:0 25px;background: #1664ff;color:#fff;font-size: 24px;border-radius:8px;margin-top:55px;cursor: pointer;}
.bu_1 i{padding-left:15px;}


.ys_list{display: grid;gap: 15px;grid-template-columns: repeat(4, 1fr);margin-top:-45px;}
.ys_list dl{background: #fff;border-radius:16px;padding:25px;display: flex;align-items: center;box-shadow: 0 10px 30px rgba(0,0,0,.05);}
.ys_list dt{flex:1;max-width: 45px;margin-right:15px;}
.ys_list dt span{display: block;width:45px;height:45px;line-height: 45px;border-radius:100px;text-align: center;background: #d3ddff;color:#1664ff;font-size: 28px;}
.ys_list dd{flex:1;}
.ys_list dd h3{font-size: 18px;font-weight: bold;color:#0c0d0e;}
.ys_list dd p{font-size: 14px;color:#4e5461;margin-top:8px;}

.h_box{margin-top:65px;}
.h_name{text-align: center;}
.h_name h1{font-size: 28px;font-weight: bold;color:#0c0d0e;}
.h_name h3{font-size: 16px;color:#4e5461;margin-top:15px;}
.h_list{display: grid;gap: 15px;grid-template-columns: repeat(3, 1fr);margin-top:45px;}
.h_list_item{background:/* url(../images/ab_bg2.png) no-repeat center bottom */ #fff;background-size: 100%; border: 1px solid rgba(226,235,240,.5); box-shadow: 0 12px 43px rgba(74,130,183,.08);border-radius:16px;padding:25px;}
.h_list_item img{display: inline-block;position: relative;top:7px;margin-right:10px;}
.h_list_item h1{height: 40px;line-height: 40px;font-size: 24px;}
.h_list_item p{color:#4e5461;font-size:16px;line-height: 28px;margin-top:25px;}

.lc_box{display: grid;gap: 15px;grid-template-columns: repeat(6, 1fr);margin-top:45px;position: relative;}
.lc_item{text-align: center;position: relative;z-index: 2;}
.lc_item span{display: inline-block;width:100px;height:100px;line-height:100px;background: #f3f7ff;border:1px solid rgba(255,255,255,1); border-radius:100px;font-size: 42px;color:#1664ff;}
.lc_item h3{font-size: 20px;color:#0c0d0e;margin-top:25px;}
.lc_item p{font-size: 16px;color:#4e5461;margin-top:5px;}
.lc_item i{display: block;position: absolute;right:-15px;top:45px;color:#1664ff;  text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff,-1px  1px 0 #fff, 1px  1px 0 #fff;font-size: 16px;}
.lc_bd{position: absolute;left:50px;right:50px;top:50px;height:2px;background: #f3f7ff;border:1px solid rgba(255,255,255,1);z-index:-0;}

.pro_box{display: grid;gap: 15px;grid-template-columns: repeat(4, 1fr);margin-top:45px;}
.pro_item{background:url(../images/img_bg.png) no-repeat center top #fff;border: 1px solid rgba(226,235,240,.5); background-size: 100%; padding:25px 25px 85px;position: relative;}
.pro_label{position: absolute;top:0;right:0;display: inline-block;padding:4px 8px;border-radius:0 0 0 15px; background: #f64041;color:#fff;font-size: 14px;}
.pro_name{font-size: 20px;color:#0c0d0e;}
.pro_txt{font-size: 14px;color:#4e5461;line-height:22px;margin-top:8px;}
.pro_list{margin-top:15px;}
.pro_list p{border-bottom:1px solid #e9ecf1;font-size: 16px;color:#0c0d0e;line-height: 32px;padding-top:10px;}
.pro_list span{font-size: 14px;color:#4e5461;width:90px;display: inline-block;}
.pro_mone{font-size: 28px;color:#f64041;margin-top:25px;}
.pro_mone b{font-weight: normal;font-size:14px;position: relative;top:-8px;padding:0 5px;}
.pro_mone span{font-size:14px;padding-left:5px;}
.pro_go{background: #1664ff;height:36px;line-height: 36px;margin-top:25px;text-align: center;color:#fff;font-size: 14px;cursor: pointer;border:0;display: block;position: absolute;left:0;right:0;bottom:0;}

.ggw{background: url(../images/ggw.png) no-repeat right top #1664ff;background-size: 100%;margin-top:65px;padding:35px 50px 25px;height:65px;font-size: 20px;color:#fff;text-align: center;line-height: 30px;text-shadow:0 10px 20px rgba(0,0,0,.2)}

footer{text-align: center;margin-top:65px;line-height: 65px;background: none;color:#4e5461;font-size: 14px;}
.f_add{border-top:1px solid #dde2e9;}

#mask{position: fixed;left:0;top:0;right:0;bottom:0;z-index:9999;}
.pr-r{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.on_down{text-align: right;font-size: 16px;color:#000;position: absolute;top:25px;right:25px; cursor: pointer;}