html{scroll-behavior:smooth}

.sidebar{position:fixed; left:32px;width:125px;top:50%;transform: translate(0, -50%); background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:2px;z-index:99 !important;padding:10px 0;}
.sidebarFelx{position:fixed;left:30rem;bottom:400rem}
.sidebar li{padding:10px 20px;cursor:pointer;font-size:16px;border-left:2px solid transparent;margin:5px 0;}
.sidebar li.active{background-color: rgba(5,101,230,0.1);color:#0565e6;border-color:#0565e6;}

.anchorsContent{background-image:url('../images/bj1.png');background-size:cover;}
.bjDetail{padding:42px 54px;font-size:18px;line-height:36px;background-color:#fff;box-shadow:0 5px 10px 0 rgba(122,148,188,.21);background-image:url('../images/bj1.png');background-size:cover;border-radius:8px;border:1px solid #fff;text-indent:2em}

.pain_content{background-image:url('../images/bj2.png');background-size:cover;}
.grid-container{display:flex;justify-content: space-between;}
.grid-item{flex: 1; margin-left:36px ; padding:40px;background:linear-gradient(-49deg,#e5effa 0,#fff 100%);box-shadow:0 5px 10px 0 rgba(122,148,188,.21);border:1px solid #fff;height: 260px;position:relative;cursor:pointer;}
.grid-item:first-child{margin-left: 0;}
.title_classs{font-weight:600;font-size:24px;margin-bottom:27px;}
.grid-item:hover .title_classs{color:#0064E8;}
.wb_class{font-size:16px;color:#666;line-height:30px;}
.grid-item:hover .wb_class{color:#333;}
.bg-img{position:absolute;right:0;bottom:0;width:229px;height:auto;z-index:0;opacity: 0.6;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.grid-item:hover .bg-img{opacity: 1;}
.syIcom{width:30px;height:auto;position:absolute;z-index:9;top:15px;right:17px;}

.section_content{background-image:url('../images/bj3.png');background-size:cover;}
.jjFa{font-size:16px; color:#333; line-height:26px; }
.jjFa p{font-size:16px; color:#333; line-height:26px; }

.jjFa ol{padding-left:0;list-style-type:none;counter-reset:step-counter;font-weight:400;line-height:20px;position:relative;left:10px;}
.jjFa ol li{position:relative;padding-left:3em;margin-bottom:.8em;line-height:30px;margin-bottom:20px;font-size: 16px;}
.jjFa ol li::before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:0;width:29px;height:29px;background:linear-gradient(-45deg,rgba(255,255,255,0) 30%,#72beff 100%);border-radius:50%;font-weight:600;font-size:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.jjFa img{max-width:100%;height:auto}

.valuesection_content{background-image:url('../images/bj4.png');background-size:cover;}
.grid-container_appy{display:flex;justify-content: space-between;margin-top: 28px;}
.grid-item_appy{flex: 1; margin-left: 35px;min-height: 312px; padding:0 32px 32px;background: linear-gradient(0deg, #F1F8FF 62%, #B1D6FF 100%);text-align: center;box-shadow: 0px 5px 10px 0px rgba(122,148,188,0.21);border:1px solid #fff;cursor: pointer;}
.grid-item_appy:first-child{margin-left: 0;}
.bg-img_appy{width: auto;height: 119px;margin-top: -39px;margin-bottom: 22px;}
.dataTitle{font-weight:600;font-size:24px;text-align:center;margin-bottom:16px;}
.data_content{font-size:16px;color:#666;line-height:30px;}
.grid-item_appy:hover .dataTitle{color:#007bff}

.scene_content{background-image:url('../images/bj5.png');background-size:cover;}
.qjms{color:#fff;font-size:18px;text-align:center;margin-bottom:56px;}
.grid-container_scenario{display:flex;justify-content: space-between;}
.grid-item_scenario{flex: 1;margin-left: 20px; position:relative;overflow:hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 116px;background-color: #fff;cursor: pointer;padding:15px 30px;}
.grid-item_scenario:first-child{margin-left: 0;}
.tltbkj{font-size:18px;font-weight:700;text-align: center;}
.bomty{display: none; margin-top:20px;line-height:30px;color:#666;text-align: center;}
.grid-item_scenario:hover .tltbkj{color:#0064E8;}

.tabid{position: relative; top: -30px;height: 1px;}

@media (max-width:1680px){

    .bjDetail{padding: 35px 50px;font-size: 16px;line-height: 32px;}
    .title_classs{font-size: 20px;margin-bottom: 18px;}
    .wb_class{font-size: 15px;line-height: 26px;}
    .grid-item{padding:38px 30px;height: 248px;}
    .syIcom{width: 27px;}
    .jjFa ol li{font-size: 15px;margin-bottom: 15px;}
    .bg-img_appy{height: 115px;}
    .dataTitle{font-size: 20px;}
    .data_content{font-size: 15px;line-height: 27px;}
    .grid-item_appy{min-height: 288px;}

    .grid-item_scenario{padding: 12px 24px;}

    .tltbkj{font-size: 17px;}

    .sidebar{left: 10px;}

}

@media (max-width:1460px){

    .sidebar{width: 100px;}
    .sidebar li{font-size: 14px;padding:8px 15px;}

    .bjDetail{font-size: 14px;line-height: 27px;padding:25px 38px;}
    .title_classs{font-size: 16px;line-height: 25px;margin-bottom: 12px;}
    .grid-item{padding:30px 24px;height: 210px;}
    .wb_class{font-size: 12px;line-height: 24px;}
    .syIcom{width: 20px;}
    .jjFa{font-size:14px; color:#333; line-height:24px; }
    .jjFa p{font-size:14px; color:#333; line-height:24px; }
    .jjFa ol li{font-size: 14px;margin-bottom: 12px;}

    .grid-item_appy{min-height: 240px;}
    .bg-img_appy{height: 98px;margin-bottom: 15px;}
    .dataTitle{font-size: 16px;line-height: 24px;margin-bottom: 12px;}
    .data_content{font-size: 12px;line-height: 24px;}

    .tltbkj {font-size: 16px;line-height: 26px;}
    .grid-item_scenario{padding:12px 20px;min-height: 95px;}

}

@media (max-width:768px){

.sidebar{display: none;}

.bjDetail{padding: 20px;font-size: 14px;line-height: 24px;}
.grid-container{flex-direction: column;}
.grid-item{width: 100%;margin-left: 0;margin-bottom: 8px;padding: 20px;}
.title_classs{font-size: 16px;margin-bottom: 12px;}
.wb_class {font-size: 14px;line-height: 24px;}
.jjFa{font-size:14px; color:#333; line-height:24px; }
.jjFa p{font-size:14px; color:#333; line-height:24px; }

.jjFa ol li::before{width: 25px;height: 25px;font-size: 14px;}
.jjFa ol li{padding-left: 35px;font-size: 14px;line-height: 24px;margin-bottom: 12px;}

.grid-container_appy{flex-direction: column;margin-top: 0;}
.grid-item_appy{margin-left: 0;width: 100%;min-height: auto;padding: 0 20px 20px;margin-top: 45px;}
.bg-img_appy{height: 90px;margin-bottom: 12px;}
.dataTitle{font-size: 17px;margin-bottom: 12px;}
.data_content{font-size: 14px;line-height: 24px;}

.grid-container_scenario{flex-direction: column;}
.grid-item_scenario{width: 100%;margin-left: 0;margin-bottom: 8px;min-height: 66px;padding:8px 15px;}
.tltbkj{font-size: 16px;}

}