html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}
.flex {display: -webkit-box;display: -webkit-flex;display: flex;}
.flex1 {flex-grow: 1;flex-shrink: 1;}
.flex-row {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: horizontal;-webkit-flex-direction: row;flex-direction: row;}
.flex-col{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-webkit-flex-direction: column;flex-direction: column;}
.flex-x-center{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-y-center{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}
.flex-y-bottom{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;-ms-grid-row-align: flex-end;align-items: flex-end;}
*{box-sizing: border-box;}
ul,li,p{list-style: none;margin: 0;padding: 0;}
a:hover, a:visited, a:active, a:focus {text-decoration: none;outline: 0;}
a{background-color: transparent;text-decoration: none;}
.pointer{ cursor: pointer;}
/* 首页 */
.page{ width:100%; height: 100%;
/* background: linear-gradient(45deg,#FBF0EC, #EBE6FF, #D1E0FD, #EBE6FF, #B9D6F2);background-size:488% 488%; animation:gradientShift 10s ease infinite;
*/ background: #F7F9FE;
}
.mobile-only{ display: none;}
@keyframes gradientShift {
0% {background-position:0% 50%;}
50% {background-position:100% 50%;} 188% {background-position:0% 50%;}
}
.page .topbox{ width: 100%; border:1px solid rgba(0, 11, 23, 0.04)}
.page .topbox:hover{ background: #fff;}
.page .top{ display: flex; width: 1520px; height: 84px; margin: 0 auto;}
.page .top .logo img{ height: 34px; }
.top .item{flex:1; margin-left: 25px;}
.top .item li{padding:0 20px;height: 84px; display: flex; align-items: center; position: relative;}
.top .item li a{display: inline-block; height: 84px;line-height:84px;padding:0 16px;color: #16181A; font-size: 18px; font-weight: 600;}
.top .item li img{ width: 12px; height: 12px; margin-left: 5px;}
.top .item .on{color: #0052D9;border-bottom: 2px solid #0052D9;}
.top .submenu{ background-color: #fff; position: absolute; top: 82px; left: 36px; z-index: 100; display: none; padding: 30px; flex-wrap: wrap; width: 570px; justify-content: space-between; border: 1px solid #EBEBED; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.top .submenu .subtab{width: 240px; margin-bottom: 20px;
cursor: pointer;
transition: all 0.3s ease; padding: 5px 0; }
.top .submenu .title{ font-size: 16px; font-weight: 600;}
.top .submenu .desc{ font-size: 14px;color:#808082 ; margin-top: 5px;}
.top .item ul li { position: relative;}
/*banner 区域*/
.banner { width: 100%; overflow: hidden; }
.banner .bd { width: 1520px; height: 484px; margin: 0 auto;}
.banner .bd ul li { width: 100%; height: 100%; position: relative;}
.banner .bd ul li img { width: 100%; height: 100%; object-fit: cover;}
.banner .bd .text { position: absolute; left: 0; top: 22%;}
.banner .bd .text h2 { font-size: 42px; font-weight: 600; color:#16181A; margin-bottom: 20px;}
.banner .bd .text p { font-size: 16px; color: #3D485D; margin-top: 40px; width: 650px;}
.banner .bd .btn{ background: #2C5EEC; border:none;width: 160px; height: 48px; margin-top: 44px;color: #fff; font-size: 16px; }
.banner .hd { position: relative; }
.banner .hd ul { position: absolute; bottom: 100px; left: 0%; z-index: 1; display: flex; gap: 10px;}
.banner .hd ul li { width: 30px; height: 4px; border-radius: 6px; background: #D7DBDF; cursor: pointer;}
.banner .hd ul li.on { background: #0052D9;}
/*banner 结束*/
/*4个小区域*/
.bannertip{ width: 100%; position: relative; top:-40px; }
.bannertip_mid{ background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FE 100%); width: 1520px; justify-content: space-around;box-shadow: 0px 16px 32px 0px rgba(210, 217, 236, 0.3); }
.bannertip .border{ background: #E8E8E8; height:88px; width: 1px; }
.bannertip .item{ height: 136px; display: flex; padding: 24px; }
.bannertip .item img{ width: 48px; height: 48px; margin-right: 24px;}
.bannertip .item .right .t1{ color: #16181A;font-size: 20px; font-weight: 600; line-height: 28px;}
.bannertip .item .right .t2{ color: #98A3B7;font-size: 14px; line-height: 22px; margin-top: 8px;}
/*4个小区域结束*/
/*平台介绍开始*/
.contentbox2{ width: 100%; flex-direction: column; align-items: center; margin-top:30px;}
.contentbox2 .title{ color: #0E1421; font-size: 36px; font-weight: 600;line-height: 48px;}
.contentbox2 .con1{ display: flex; margin-top: 46px; width: 1520px; justify-content: space-between;}
.contentbox2 .con1 .item{ width: 960px; position: relative;}
.contentbox2 .con1 .img01{ width: 100%;}
.contentbox2 .con1 .img02{ width: 100%;}
.contentbox2 .con1 .item { width: 50%;position: relative; overflow: hidden; /* 确保渐变不会溢出 */ }
.contentbox2 .con1 .item .text1{ position: absolute; top:40px; left:0px}
.contentbox2 .con1 .item .text2{ position: absolute; top:40px; left:80px}
.contentbox2 .con1 .item .t1{ color: #1D2539;font-size: 24px;font-weight: 600; line-height: 48px; }
.contentbox2 .con1 .item .t2{ font-size: 14px; color: #67738A;line-height: 32px; width: 378px; margin-top: 22px;}
.contentbox2 .con1 .item .btn{width: 210px; background: #2C5EEC; height: 40px;font-size: 14px;line-height: 32px; color: #fff; padding: 0 20px; display: flex; align-items: center; margin-top: 50px; justify-content: space-between; }
.contentbox2 .con1 .item .btn img{width: 18px; height: 18px; }
.contentbox2 .con1 .item .btn.on{background: #2C5EEC; color: #fff; border: none; }
.contentbox2 .con1 .item:last-child:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
90deg,
rgba(247, 249, 254, 0) 0%,
rgba(247, 249, 254, 0) 80%,
rgba(247, 249, 254, 1) 100%
);
pointer-events: none;
z-index: 1;
}
.contentbox2 .con1 .img01,
.contentbox2 .con1 .img02 { width: 100%; position: relative;}
.contentbox2 .con1 .item .text1,
.contentbox2 .con1 .item .text2 {position: absolute; z-index: 2; /* 确保文字在渐变层上面 */}
/*平台介绍结束*/
/*定制开发开始*/
.contentbox3{ width: 100%; flex-direction: column; align-items: center; margin-top:50px; background: rgba(255, 255, 255, 0.2);}
.contentbox3 .content{ width: 1520px; padding-top: 60px; }
.contentbox3 .title{ color: #0E1421; font-size: 36px; font-weight: 600;line-height: 48px; text-align: center;}
.contentbox3 .desc{ color: #3D485D; font-size: 14px; line-height: 22px; margin-top: 10px;text-align: center;}
.contentbox3 .content .con{ display: flex; margin-top: 52px; justify-content: space-between;}
.contentbox3 .content .con .text1{ width: 30%;display: flex; flex-direction: column; padding: 0px;gap: 64px;}
.contentbox3 .content .con .text1 .desc{font-size: 14px;color: #3D485D; text-align: left;line-height: 22px;}
.contentbox3 .content .con .list{ display: flex; flex-wrap: wrap;}
.contentbox3 .content .con .list .item{ width: 50%; margin-bottom: 40px; color: #3D485D;font-size: 16px; line-height: 24px; }
.contentbox3 .content .con .list .item img{width: 24px;height: 24px; margin-right: 8px; }
.contentbox3 .content .con .itembox{ display: flex; flex-wrap: wrap;width: 43%; justify-content: space-around;}
.contentbox3 .content .con .itembox .item{ width: 112px; height: 118px; border-radius: 8px; background: linear-gradient(180deg, #F4F5F8 0%, #FEFEFE 100%);border: 1px solid #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(192, 199, 218, 0.3); display: flex; align-items: center; flex-direction: column; justify-content: center;font-size: 14px; color: #3D485D;}
.contentbox3 .content .con .itembox .item img{ width:64px; height: 64px; margin-bottom: 5px;}
/*定制开发结束*/
/*v2功能开始*/
.contentbox4{ width: 100%; min-width: 1180px; display: flex; flex-direction: column; align-items: center; margin-top:50px;}
.contentbox4 .content{ width: 1520px; padding: 80px 0;}
.contentbox4 .title { color: #fff; text-align: center;font-size: 36px; font-weight: 600;line-height: 48px;}
.contentbox4 .con { margin-top: 50px; display: flex;}
.contentbox4 .con .left{ background: rgba(23, 24, 27, .5); width: 240px; padding: 16px 12px; }
.contentbox4 .con .left .tab1{ padding:0 20px;height: 52px; margin-bottom: 4px;line-height: 52px; font-size: 16px; color: #fff;transition: all 0.3s ease;}
.contentbox4 .con_center .con1 { display: none;
opacity: 0;
transform: translateY(20px);
transition: all 0.3s ease-out;}
.contentbox4 .con_center .con1.active {
display: flex;
opacity: 1;
transform: translateY(0);
}
.contentbox4 .con .left .tab1.on{ background: #0071EF;}
.contentbox4 .con .con_center{ background: rgba(23, 24, 27, .4); padding: 56px 60px;color: #fff; position: relative;}
.contentbox4 .con .con_center .t1{ line-height: 20px; font-weight: 600; font-size: 20px; margin-bottom: 16px; }
.contentbox4 .con .con_center .t2{line-height: 24px; font-size: 14px;}
.contentbox4 .con .con_center .t3 { line-height: 24px;font-size: 16px; margin-top: 30px;}
.contentbox4 .con .con_center .text { display: flex; justify-content: between; border-bottom: 1px solid #5B5454; flex-wrap: wrap; }
.contentbox4 .con .con_center .text .item{ display: flex; align-items: center; flex-direction: column; min-width: 60px; height: 90px; justify-content: center; padding:0 20px}
.contentbox4 .con .con_center .text img{ width: 30px; height: 30px;}
.contentbox4 .con .con_center .text .t4 { margin-top: 10px;font-size: 14px;}
.contentbox4 .con .con_center .btnbox{display: flex; position: absolute; bottom:0}
.contentbox4 .con .con_center .btnbox a{ display: flex;}
.contentbox4 .con .con_center .btnbox .btn{ background: #0071EF; border: none; color: #fff; width: 160px; height: 42px; font-size: 16px; display: flex; align-items: center; justify-content: center;}
.contentbox4 .con .con_center .btnbox .btn2{ margin-left: 10px; background-color: #fff; color: #212929;}
.contentbox4 .con .con_center .con1{ min-height: 400px;}
.contentbox4 .con .con_center .con1 .f2{ width: 580px; margin-left: 40px;}
.contentbox4 .con .con_center .con1 .f2 img{ width: 544px; height: 400px;}
.qrcode1 { position: absolute; bottom: -10px; margin-top: 15px; text-align: center; transition: all 0.3s ease;}
.qrcode1 img { max-width: 150px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
/*v2功能结束*/
/*点餐功能介绍开始*/
/*功能展示*/
.contentbox5{width:100%;padding-bottom:40px; margin-bottom: 30px;}
.contentbox5 .content{width:1520px;margin:0 auto; margin-top:102px}
.contentbox5 .content .title{color: #0E1421;font-size: 36px;font-weight:600;text-align:center;}
.contentbox5 .content .con1{width:100%;margin-top:50px;display:flex;flex-direction:column;justify-content: space-between;}
.contentbox5 .content .con1 .ti{width:100%;padding:0 24px; border-bottom:1px solid #E5E6E6;display:flex; justify-content: center; flex-wrap: wrap;}
.contentbox5 .content .con1 .ti .item_view{ margin-right: 40px;}
.contentbox5 .content .con1 .ti .item_view.on{ border-bottom: 2px solid #1366EC; }
.contentbox5 .content .con1 .ti .item{color:#212929;font-size:16px;cursor:pointer;padding: 8px 0; margin-bottom: 10px; text-align: center; }
.contentbox5 .content .con1 .ti .item_view.on .item{ color: #1366EC; }
.contentbox5 .content .con1 .co{display:flex; margin-top:20px ;}
.contentbox5 .content .con1 .co .f1{display:flex;flex-direction:column;flex:1; justify-content: center; background: url('../img/dc/bg.png'); padding-left:50px; margin-left: 52px; }
.contentbox5 .content .con1 .co .f1 .t1{color: #212929;font-size:24px;font-weight:600;height:60px;line-height:60px;}
.contentbox5 .content .con1 .co .f1 .t2{color:#90919B;font-size:14px;line-height:24px;padding:0px 0; color: #666666; margin-bottom: 20px;}
.contentbox5 .content .con1 .co .f2{width:648px;height:540px;margin-right: 20px; display: flex; align-items: center; justify-content: center;}
.contentbox5 .content .con1 .co .f2 img{ margin-left: 40px; border-radius: 10px; height: 100%;}
.contentbox5 .jieshao .tbox{ position: relative; margin-top:20px;width: 640px;}
.contentbox5 .jieshao .tbox .dian{ position: absolute; width:20px ; height: 20px;}
.contentbox5 .jieshao .tbox .subtitle{ margin-left: 30px;font-size: 16px;color: #6D748A;font-weight: 600;line-height: 25px;}
.contentbox5 .jieshao .tbox .subdesc{color: #525967; text-align: left; margin-left: 30px;line-height: 25px; font-size: 14px; }
.contentbox5 .btnbox{ margin-top: 28px; display: flex;}
.contentbox5 .btnbox .btn{ background: #0071EF; border: none; color: #fff; width: 160px; height: 42px; font-size: 16px; display: flex; align-items: center; justify-content: center;}
.contentbox5 .btnbox .btn2{ margin-left: 10px; background-color: #fff; color: #212929;}
/*点餐功能展示结束*/
/*底部开始*/
.bottomtip{width:100%;height: 202px;background:url('/static/index3/img/bg.png?v=1') no-repeat; display:flex;align-items:center;justify-content:center; flex-direction: column;}
.bottomtip .f1{font-size:36px;color:#0E1421;font-weight: 600;}
.bottomtip .zixun{ color: #6D748A;font-size: 16px; margin: 24px 0; display: flex; align-items: center;}
.bottomtip .zixun a{ color: #6D748A;}
.bottomtip .border{ border-left:1px solid #6D748A; height: 15px; margin: 0 39px;}
.bottomtip2{ background: #2C5EEC;}
.bottomtip2 .content{ width: 1520px; margin: 0 auto; display: flex; padding: 32px ; justify-content: space-between;font-size: 16px;color: #FFFFFF;}
.bottomtip2 .content .item img{ margin-right: 8px; width: 48px; height: 48px;}
/*底部结束*/
.bottombox{width:100%;background:#0E0E21;padding:30px 0}
.bottombox .itembox{ width: 1520px; margin: 20px auto; display: flex; justify-content: space-between; }
.bottombox .itembox .left .content{ display: flex;}
.bottombox .itembox .left .imgbox { margin-right: 30px;}
.bottombox .itembox .left .imgbox .qrcode{ background: #fff; width:100px ; height: 100px;border-radius: 4px; margin-top: 10px; display: flex; align-items: center; justify-content: center;}
.bottombox .itembox .left .imgbox .qrcode img{ width: 80px; height: 80px;}
.bottombox .itembox .left .imgbox .t1{font-size: 13px;color: #9CA3AF; text-align: left; margin-top: 10px; margin-right: 20px;}
.bottombox .itembox .left .imgbox .t2{ color: #0052D9; }
.bottombox .itembox .left { margin-left: 40px;color: #FFFFFF; display: flex; flex-direction: column; }
.bottombox .itembox .left .t1{font-size: 16px; }
.bottombox .itembox .left .f2 .t2{ font-size: 14px; margin: 16px 0;}
.bottombox .itembox .left .f2 .t3{ font-size: 14px; color: #FFFFFF;background: #FF6900;padding: 8px 28px;border-radius: 4px; text-align: center;}
.bottombox .itembox .menu{ display: flex; width: 50%; justify-content:space-around;}
.toptab .content .menu.pc-only { display: flex;}
.bottombox .itembox .menu .menutitle{font-size: 18px;font-weight: 600;color: #FFFFFF; padding: 10px 0; }
.bottombox .itembox .menu .item .t1{ display: block; color: #9CA3AF; line-height: 24px;font-size: 14px; margin-top: 10px;}
.bottombox .itembox .menu.mobile-only{ display: none;}
.bottombox .itembox .right .title{ font-size: 18px;font-weight: bold;color: #FFFFFF; padding:10px 0;}
.bottombox .itembox .right .t1{ font-size: 16px;line-height: 24px;color: #9CA3AF;margin-top: 10px;}
.bottombox .copyright{display:flex;align-items:center;justify-content:center;color:#6B798E;font-size:12px;margin-top:20px;border-top:1px solid rgba(127, 134, 153, 0.2); padding-top: 30px; }
/*服务页面样式*/
.fwmain{ background: #fff;}
.fwmain .content1{ width: 1520px; margin: 0 auto; display: flex; justify-content: center;}
.fwmain .content1 .left img{ width:770px ;}
.fwmain .content1 .right { display: flex; flex-direction: column; justify-content: center; }
.fwmain .content1 .right .title{font-size: 36px; font-weight: 600; }
.fwmain .content1 .right .desc{ color: #666;font-size: 16px; margin-top: 30px;}
.fwmain .content2box{ width: 100%; background: #F4F9FF;}
.fwmain .content2box .content2{ width: 1520px; margin: 0 auto; display: flex; background: linear-gradient(90deg, #E3EFFF 0%, rgba(227, 239, 255, 0) 100%); justify-content: center; padding: 40px; }
.fwmain .content2 .left{ margin-right: 50px;display: flex; flex-direction: column; justify-content: center;}
.fwmain .content2 .left .title{font-size: 36px; font-weight: 600; }
.fwmain .content2 .left .desc{ color: #666;font-size: 16px; margin-top: 30px; width: 288px;}
.fwmain .content2box .content2 .right{ display: flex; align-items: center; margin-left: 100px;}
.fwmain .content2box .content2 .right img{width: 612px; }
.fwmain .content3box{ margin: 100px 0;}
.fwmain .content3 { width: 1520px; margin: 0 auto; display: flex; justify-content: center; padding: 40px; flex-direction: column; align-items: center;}
.fwmain .content3 .title{ font-size: 36px; font-weight: 600; margin-bottom: 80px; }
.fwmain .content3 .img{width: 734.13px; height: 440px; position: absolute;}
.fwmain .content3 .img img{ width: 100%;}
.fwmain .content3 .desc{ display: flex; align-items: center;}
.fwmain .content3 .desc .yuan{ margin: 30px;}
.fwmain .content3 .desc .border{ border: 2px dashed rgba(89, 126, 247, 0.6);width: 200px; height: 0px;}
.fwmain .content3 .itemlist{ display: flex; flex-wrap: wrap; justify-content: center;}
.fwmain .content3 .itemlist .item{ width: 260px; margin-right: 30px; display: flex; flex-direction: column; align-items: center;}
.fwmain .content3 .itemlist .item:last-child{ margin-right: 0;}
.fwmain .content3 .itemlist .item .t1{font-size: 20px; font-weight: 500; display: flex; align-items: center;}
.fwmain .content3 .itemlist .item .t1 img{ margin-right: 10px;width: 24px;
height: 24px;}
.fwmain .content3 .itemlist .item .t2{ color:#666666 ; margin-top: 30px; text-align: center;}
.fwmain .content4box { background: #F7F8FC; width: 100%; display: flex; justify-content: center;}
.fwmain .content4box .content4{ width: 1520px; display: flex; justify-content: center; }
.fwmain .content4 .right .title{font-size: 36px; font-weight: 600; }
.fwmain .content4 .right .desc{ color: #666;font-size: 16px; margin-top: 30px; width: 388px;}
.fwmain .content4 .itemlist .item{width: 267px; margin-top: 30px;}
.fwmain .content4box .content4{ padding: 80px 0;}
.fwmain .content4box .content4 .left img{ width: 647px; margin-right: 100px;}
.fwmain .content4 .itemlist .item .t1{ font-size: 20px;font-weight: 600; display: flex; align-items: center;}
.fwmain .content4 .itemlist .item .t1 img{ margin-right: 5px;}
.fwmain .content4 .itemlist .item .t2{color:#666;font-size: 15px;line-height: 26px;}
.fwmain .content5box { background: #fff; width: 100%; display: flex; justify-content: center; margin-top: 60px;}
.fwmain .content5box .content5{ width: 1520px; display: flex; justify-content: center;}+
.fwmain .content5 .left{ margin-right: 50px;display: flex; flex-direction: column; justify-content: center;}
.fwmain .content5 .left .title{font-size: 36px; font-weight: 600; }
.fwmain .content5 .left .desc{ color: #666;font-size: 16px; margin-top: 30px; width: 388px;}
.fwmain .content5 .left .itemlist .item .t1{background: #F8F9FC;height: 54px; display: flex; align-items: center; padding: 12px; margin-top: 20px;font-size: 16px; color: #666;}
.fwmain .content5 .left .itemlist .t1 img{ width: 12px; height: 12px; margin-right: 12px;}
.fwmain .content5box .content5 .left img{ width: 647px;}
/*适配屏幕宽度*/
@media screen and (max-width: 1440px) {
.page .top{width: 1100px;}
.banner .bd { width:1100px;height:380px }
.banner .bd .text p{ margin-top: 20px;width: 550px;}
.banner .bd .btn{ margin-top: 20px;}
.banner .bd .text{ top:15%}
.banner .hd ul{ bottom: 50px;}
.bannertip_mid{ width: 1100px;}
.contentbox2 .con1 { width: 1100px;}
.contentbox2 .con1 .item{height: 260px;}
.contentbox2 .con1 .item .text1{ top:20px;left:0px}
.contentbox2 .con1 .item .text2{top:20px;left:20px}
.contentbox2 .con1 .item .t2{width: 350px;}
.contentbox2 .con1 .item .btn{ margin-top: 20px;}
.contentbox2 .con1 .item:last-child:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
90deg,
rgba(247, 249, 254, 0) 0%,
rgba(247, 249, 254, 0) 80%,
rgba(247, 249, 254, 1) 100%
);
pointer-events: none;
z-index: 1;
}
.contentbox3 .content{width:1100px}
.contentbox3 .content .con{ width: 1100px;}
.contentbox3 .content .con .img{ display: none;}
.contentbox3 .content .con .text1{ width: 40%;}
.contentbox3 .content .con .itembox{ width: 60%;}
.contentbox4 .content{ width: 1100px; }
.contentbox4 .con{display: flex; justify-content: space-between;}
.contentbox4 .con .con_center .con1 .f2 img{ width: 440px; height: 330px;
}
.contentbox4 .con .con_center{padding:56px 40px;}
.contentbox4 .con .con_center .con1 .f2{ display: flex; align-items: center;}
.contentbox5 .content{width: 1100px;}
.contentbox5 .content .con1 .co .f2{width: 50%;}
.contentbox5 .content .con1 .co .f1{width: 50%; margin-left: 20px;}
.contentbox5 .content .con1 .co .f2 img{margin-left: 0;}
.contentbox5 .jieshao .tbox{width: 90%;}
.bottomtip2 .content{width: 1100px;}
.bottombox .itembox{width: 90%;}
}
@media screen and (max-width: 1024px) {
.banner .bd { width:900px;height:300px }
.banner .bd .text{ top:10%}
.banner .bd .text h2{ font-size: 32px;}
.banner .bd .text p{ margin-top: 20px;width: 450px;}
.bannertip_mid{ width: 1000px; }
.bannertip .item {padding: 20px;}
.bannertip .item img{ width: 35px; height: 35px;}
.bannertip .item .right .t1{ font-size: 18px;}
.bannertip .item .right .t2{ font-size: 12px; }
.contentbox2 .con1 .item{height: 200px;}
.contentbox3 { width: 1000px;}
}
@media screen and (max-width: 768px) {
.mobile-only{display: flex;}
.page .topbox .item.pc-only{ display: none;}
.page .topbox .top{ width: 100%;}
.banner .bd .text{ top:10%;left: 20px;}
.banner .bd { width: 100%; height: 270px; }
.banner .bd ul li img{ margin-top: 40px;}
.banner .bd .text p{width: 70%; font-size: 14px;}
.banner .bd .text h2{ font-size: 24px;}
.banner .bd ul li img { height: auto; max-height: none;}
.banner .hd ul{ bottom: -60px;left:20px}
.banner .bd .btn{width: 100px; height: 40px;}
.bannertip { margin:10px;width: 95%;}
.bannertip .item{height: 106px;}
.bannertip_mid{ flex-wrap: wrap; background: none}
.bannertip_mid .border{height: 0; width: 1px;}
.bannertip_mid .item{ border:1px solid #f3f3f3; margin-top: 10px; background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FE 100%); align-items: center;}
.contentbox2{ margin-top: 0; }
.contentbox2 .con1{width: 95%; display: flex; flex-wrap: wrap; margin:0 20px;}
.contentbox2 .con1 .item{ width: 100%; height: auto;}
.contentbox2 .title.pc-only{display: none;}
.contentbox2 .con1 .item .text1{top:10px}
.contentbox2 .con1 .item .t1{ line-height: 30px; }
.contentbox2 .con1 .item .t2{ margin-top: 0;line-height: 25px; width: 98%;}
.contentbox2 .con1 .item .btn{ margin-top: 10px; height: 35px;}
.contentbox2 .con1 .item .text2{top:10px;left:10px}
.contentbox3 { width: 100%; margin-top: 0;}
.contentbox3 .content{ width: 100%; padding-top: 30px;}
.contentbox3 .title{font-size: 30px;}
.contentbox3 .desc{ font-size: 12px;}
.contentbox3 .content .con .text1.pc-only{ display: none;}
.contentbox3 .content .con{width: 100%;margin-top: 22px;}
.contentbox3 .content .con .itembox{ width: 100%;}
.contentbox3 .content .con .itembox .item{ margin-top: 10px; width: 47%;}
.contentbox-wap4{width: 95%; margin: 10px; background: #F8F9FC; flex-direction: column;}
.contentbox-wap4 .title { text-align: center; margin-top: 20px;}
.contentbox-wap4 .title .t1{ color: #0E1421;font-weight: 600;font-size: 30px; line-height: 48px;}
.contentbox-wap4 .title .t2{ color: #666;font-size: 16px; line-height: 24px;}
.contentbox-wap4 .menutab{ display: flex; flex-wrap: wrap; margin-top: 20px; justify-content: space-around; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.menutab::-webkit-scrollbar { display: none;}
.contentbox-wap4 .menutab .tab1{ margin-top: 10px; width: 20%; text-align: center; border: 1px solid #e5e7eb; box-shadow: 0 .24rem .96rem 0 rgba(0, 33, 71, .05); padding:5px 10px; font-size: 13px;color: rgb(92 93 95); margin-right: 10px; }
.contentbox-wap4 .menutab .tab1.on{ background: #0052D9; color: #fff;}
.contentbox-wap4 .con1{ background-color: rgba(0, 0, 0, 0.6); margin:20px 5px; padding:0 20px ; transition: all 0.3s ease; display: none; position: relative; height: 360px;}
.contentbox-wap4 .con1 .bgimg{ position: absolute; width: 100%; height: 100%;left:0; background-color: rgba(0, 0, 0, 0.6) }
.contentbox-wap4 .con1.active { display: block;}
.contentbox-wap4 .con1 .title{ color: #fff; text-align: left;}
.contentbox-wap4 .con1 .desc{ color: #fff;text-align: left; font-size: 12px; line-height: 30px;}
.contentbox-wap4 .con1 .text{ display: flex; flex-wrap: wrap; font-size: 13px; color: #fff; margin-bottom: 30px;}
.contentbox-wap4 .con1 .text .item{ width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 20px;}
.contentbox-wap4 .con1 .text img{ width: 30px; height: 30px;}
.contentbox-wap4 .con1 .t3{color: #fff; margin-top: 80px; margin-left: 10px;}
.contentbox-wap4 .con1::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1;}
.contentbox-wap4 .con1 .title,
.contentbox-wap4 .con1 .desc,
.contentbox-wap4 .con1 .t3,
.contentbox-wap4 .con1 .text { position: relative; z-index: 2; }
.contentbox4.pc-only{ display: none;}
.contentbox5.pc-only{ display: none;}
.contentbox5{ margin-bottom: 0; padding-bottom: 0;}
.contentbox5 .content{ width: 100%; margin-top: 30px; }
.contentbox5 .content .title{ font-size: 20px;}
.contentbox5 .content .con1{ margin-top: 30px;}
.contentbox5 .content .con1 .ti{ border-bottom: none; padding:0 }
.contentbox5 .content .con1 .co .f2.pc-only{ display: none;}
.contentbox5 .content .con1 .ti .item_view{width: 22%; margin-bottom: 20px; border: 1px solid #e5e7eb; border-radius: 5px; margin-right: 5px; }
.contentbox5 .content .con1 .ti .item_view.on{ border:1px solid #1366EC; background: #DFECFA;}
.contentbox5 .content .con1 .ti .item{ margin-bottom: 0; font-size: 13px;}
.contentbox5 .btnbox .btn{ width: 120px;}
.contentbox5 .content .con1 .co .f1{ margin-left: 0; padding-left: 30px;
padding-bottom: 40px;}
.contentbox5 .btnbox{ margin-top: 20px;}
.bottomtip2.pc-only{ display: none;}
.bottomtip{height: 100px;}
.bottomtip .f1{font-size: 20px;}
.bottombox .itembox { display: flex; flex-direction: column;}
.bottombox .itembox .menu.pc-only{ display: none;}
.bottombox .itembox .menu-wrap{ display: flex;}
}