@charset "utf-8";

body:has(.service-consult-root){
	font-family:initial;
}
.w1200{width:1200px;margin:0 auto;}
.service-consult-root .flex{display:flex;}

.banner{width:100%;display:flex;align-items:center;height:830px;background-image:url(?assets/images/pages/service-consult/bg.jpg);background-size:cover;background-position:center center;}
.banner .w1200.flex.center{display:flex;align-items:center;justify-content:space-between;height:100%;}
.banner .banner_text{width:60%;}
.banner .banner_text h3{font-size:50px;line-height:1.2;}
.banner .banner_text p{font-size:16px;line-height:36px;padding:25px 0 40px 0;width:70%;color:#666;opacity:.7}
.banner .banner_text .banner_btn{display:flex;}
.banner .banner_text .banner_btn a{width:132px;height:42px;line-height:42px;text-align:center;border-radius:21px;border:1px solid #0084FD;margin-right:30px;color:#0084FD;font-size:16px;}
.banner .banner_text .banner_btn a.hover{background:#0084FD;color:#fff;}
.banner .banner_img{width:40%;}
.banner .banner_img img{width:100%;}

.apidiv1{padding-bottom: 80px;background-image:url(?assets/images/pages/service-consult/dyh_bg.jpg)}
.apidiv1 .api-title{text-align: center;font-size: 40px;padding: 70px 0 50px 0;}

.apidiv1 .api-box{box-shadow: 0px 3px 15px 0px rgba(235,237,241,0.8);height: 664px;border-radius: 16px;background-image:url(?assets/images/pages/service-consult/value_bg2.jpg);display: flex;}
.apidiv1 .api-box .tableft{width: 20%;display: flex;flex-direction: column;align-items: flex-start;border-right: 1px solid #E2E9F1;}
.apidiv1 .api-box .tableft .tab-btn1{height: 134px;line-height: 134px;font-size: 20px;font-weight: bold;padding-left: 65px;}
.apidiv1 .api-box .tableft .tab-btn1.active{ background-image:url(?assets/images/pages/service-consult/font_bg-.png);}
.apidiv1 .api-box .tabright{width:80%;}
.apidiv1 .api-box .tabright .swiperimg{display:none}
.apidiv1 .api-box .tabright .swiperimg.active{display:block}
.apidiv1 .api-box .tabright .swiperimg .right{display:flex; padding:58px 74px; flex-direction:column}

.apidiv1 .api-box .tabright .swiperimg .right .api_tit{ font-size:30px; color:#0081FA; margin-bottom:40px;}
.apidiv1 .api-box .tabright .swiperimg .right .api_con{font-size:13px; color:#444444; line-height:22px; margin-bottom:30px;}
.apidiv1 .api-box .tabright .swiperimg .right .api_con span{font-weight:bold; }
.apidiv1 .api-box .tabright .swiperimg .right .api_case{display:flex;padding: 30px 38px 60px 38px;flex-direction:column}
.apidiv1 .api-box .tabright .swiperimg .right .api_case p{font-size:16px; }
.apidiv1 .api-box .tabright .swiperimg .right .api_case span{font-size:14px;}

.apidiv1 .api-box .tabright .swiperimg .right .api_case{background-image:url(?assets/images/pages/service-consult/qqsl_bg.png);box-shadow:0px 3px 15px 0px rgba(235,237,241,0.8);background-size: cover;height: 340px;border-radius: 15px;}
.apidiv1 .api-box .tabright .swiperimg .right .api_case p{ font-size:18px; font-weight:bold; margin-bottom:23px;}
.apidiv1 .api-box .tabright .swiperimg .right .api_case .roll{overflow-y: auto;display: flex;flex-direction: column;}
.apidiv1 .api-box .tabright .swiperimg .right .api_case .roll span{line-height:24px;}

.apidiv1 .api-box .tabright .swiperimg .right .banner_btn{margin-top:30px; display:flex;align-items:center;}
.apidiv1 .api-box .tabright .swiperimg .right .banner_btn .niu{display:flex;}
.apidiv1 .api-box .tabright .swiperimg .right .banner_btn .niu a{width:132px;height:42px;line-height:42px;text-align:center;border-radius: 21px;border:1px solid #0084FD;margin-right:30px; color:#0084FD; font-size:16px;}
.apidiv1 .api-box .tabright .swiperimg .right .banner_btn .niu a.hover{background:#0084FD; color:#fff;}
.apidiv1 .api-box .tabright .swiperimg .right .banner_btn .wd{font-size:16px;}
.apidiv1 .api-box .tabright .swiperimg .right .banner_btn .wd a{
  color:#0084FD;
  width:auto;
  height:auto;
  line-height:normal;
  border:none;
  border-radius:0;
  margin-right:0;
  padding:0;
  font-size:16px;
  text-align:left;
  flex-shrink:initial;
  font-weight:400;
  background:transparent;
}

.apidiv2 .con_box_yd{display:none;}
.apidiv2{ background-image:url(?assets/images/pages/service-consult/scene_bg.jpg)}
.apidiv2 .scene_title{text-align: center;font-size: 40px;padding: 70px 0 50px 0;}

.apidiv2 .scene_con{ display:flex;justify-content:space-between; padding-bottom:60px;}
.apidiv2 .scene_con .con_box{width:32%;display: flex;flex-direction: column;justify-content: space-between;gap: 20px}

.apidiv2 .scene_con .con_box .box_top{height:140px;background:#fff;display:flex;align-items:center;justify-content:space-around;border-radius: 10px;}
.apidiv2 .scene_con .con_box .box_top .box_top_left{width: 70%;display:flex;flex-direction: column;justify-content: space-around;padding-left: 30px;}
.apidiv2 .scene_con .con_box .box_top .box_top_left p{font-size:24px; font-weight:bold;}
.apidiv2 .scene_con .con_box .box_top .box_top_left img{width: fit-content;margin-top: 26px;}
.apidiv2 .scene_con .con_box .box_top .box_top_img{width:50%;text-align:right;padding-right: 30px;}
.apidiv2 .scene_con .con_box .box_top .box_top_img img{width:68px;height:78px;}
.apidiv2 .scene_con .con_box .box_bottom{background:#fff;border-radius: 10px; height:140px;transition:height .3s; overflow:hidden;}
.apidiv2 .scene_con .con_box .box_bottom.active{height: 440px;transition:height .3s}
.apidiv2 .scene_con .con_box .box_bottom .box_bot_t{display:flex;align-items: center;height: 140px;justify-content: space-around;}
.apidiv2 .scene_con .con_box .box_bottom .box_bot_t .box_bottom_left{width: 70%;display: flex;flex-direction: column;padding-left: 30px;}
.apidiv2 .scene_con .con_box .box_bottom .box_bot_t .box_bottom_left p{font-size:24px; font-weight:bold;}
.apidiv2 .scene_con .con_box .box_bottom .box_bot_t .box_bottom_left img{width:fit-content; margin-top:25px;}
.apidiv2 .scene_con .con_box .box_bottom .box_bot_t .box_bottom_img{width:50%;text-align:right;padding-right: 30px;}
.apidiv2 .scene_con .con_box .box_bottom .box_bot_t .box_bottom_img img{width:68px; height:78px;}

.apidiv2 .scene_con .con_box .box_bottom .box_bot_c{font-size: 16px;line-height: 26px;padding: 0 33px;text-align: justify;}
.apidiv2 .scene_con .con_box .box_bottom .box_bot_b{margin-top:20px;width:100%;}
.apidiv2 .scene_con .con_box .box_bottom .box_bot_b img{width:80%;margin:0 10%;border-radius: 10px; height:164px;}

.apidiv2 .scene_con .con_box .box_bottom.active .box_bot_c{display:block;}
.apidiv2 .scene_con .con_box .box_bottom.active .box_bot_b{display:block;}

.TimeNow {
  background: url('?assets/images/pages/service-consult/beijingz.png');
  background-size: cover;
  background-position: center;
  padding: 48px 16px 44px;
  text-align: center;
  min-height: 262px;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.TimeNow .title {
  width: 100%;
}

.TimeNow h2 {
  color: #fff;
  margin: 0 0 12px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.35;
  padding: 0;
}

.TimeNow h3 {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  color: #fff;
  opacity: .95;
}

.TimeNow .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

.TimeNow .btns p {
  margin: 28px 0 0;
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 28px;
  cursor: pointer;
  box-sizing: border-box;
}

.TimeNow .btns p.cls {
  background: #0084FD;
  color: #fff;
}

.TimeNow .btns p,
.TimeNow .btns .dou {
  animation: none;
}

.apidiv3 {background-image:url(?assets/images/pages/service-consult/bg_5.jpg); height:850px;}
.apidiv3 .scheme_title{text-align: center;font-size: 40px;padding: 70px 0 50px 0;}
.apidiv3 .scheme{ display:flex;flex-direction:column;gap: 30px;}
.apidiv3 .scheme .scheme_box_s{ display:flex;justify-content: space-between; flex-wrap:wrap;}
.apidiv3 .scheme .scheme_box_s .scheme_con{width:49%;height:270px;display:flex;flex-direction: column;justify-content: center;align-items: center; position:relative;border-radius:20px; margin-bottom:25px;}

.apidiv3 .scheme  .scheme_con{ text-align:center;}

.apidiv3 .scheme .scheme_box_s .scheme_con:nth-child(1){ background:#E9F1FF;}
.apidiv3 .scheme .scheme_box_s .scheme_con:nth-child(2){ background:#E8FEF2;}
.apidiv3 .scheme .scheme_box_s .scheme_con:nth-child(3){ background:#F2EDFF; width:32%;}
.apidiv3 .scheme .scheme_box_s .scheme_con:nth-child(4){ background:#FFFAED; width:32%;}
.apidiv3 .scheme .scheme_box_s .scheme_con:nth-child(5){ background:#E9F1FF; width:32%;}

.apidiv3 .scheme img{ width:50px; height:50px; margin-bottom:20px;}
.apidiv3 .scheme p{ font-size:20px; margin-top:5px; font-weight:bold;}

.apidiv3 .scheme .scheme_box_s .scheme_con .hover{opacity: 0;text-align:justify;width: 100%;position: absolute;height: 100%;}
.apidiv3 .scheme .scheme_box_s .scheme_con .hover span{line-height:26px;font-size:16px;color:#5F5F5F;position: absolute;left: 50%;transition: all 2s;top: 50%;transform: translate(-50%, -50%);opacity: 0; width:70%}
.apidiv3 .scheme .scheme_box_s .scheme_con .hover img{position:absolute; right:25px; bottom:25px;}
.apidiv3 .scheme .scheme_box_s .scheme_con:hover img{ display:none}
.apidiv3 .scheme .scheme_box_s .scheme_con:hover p{ display:none}
.apidiv3 .scheme .scheme_box_s .scheme_con:hover .hover{opacity:1;}
.apidiv3 .scheme .scheme_box_s .scheme_con:hover .hover span{opacity:1}
.apidiv3 .scheme .scheme_box_s .scheme_con:hover .hover img{display:block;width: 120px;height: 120px;transition: all .5s;}

.apidiv3 .scheme .scheme_box_x .scheme_con .hover{opacity: 0;text-align:justify;width: 100%;position: absolute;height: 100%;}
.apidiv3 .scheme .scheme_box_x .scheme_con .hover span{line-height:26px;font-size:16px;color:#5F5F5F;position: absolute;left: 50%;transition: all 2s;width: 80%;top: 50%;transform: translate(-50%, -50%);opacity: 0;}
.apidiv3 .scheme .scheme_box_x .scheme_con .hover img{position:absolute; right:25px; bottom:25px;}
.apidiv3 .scheme .scheme_box_x .scheme_con:hover img{ display:none}
.apidiv3 .scheme .scheme_box_x .scheme_con:hover p{ display:none}
.apidiv3 .scheme .scheme_box_x .scheme_con:hover .hover{ opacity:1}
.apidiv3 .scheme .scheme_box_x .scheme_con:hover .hover span{ opacity:1}
.apidiv3 .scheme .scheme_box_x .scheme_con:hover .hover img{display:block;width: 120px;height: 120px;transition: all .5s;}

.customer-service {
  background: url(?assets/images/pages/service-consult/beijingd.png) no-repeat center center;

  background-size: 100% 100%;
  padding:80px 0;
    position:relative;
}
.customer-service h2 {
  color: #000;
  margin-bottom: 20px;
  padding:0;
  font-size:36px;
  text-align:center;

}

.customer-service .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 20px;
}

.customer-service .btns p {
  width: 150px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size:16px;
  border: 1px solid #0084FD;
  border-radius: 24px;
  cursor: pointer;
  color: #fff;
  margin-bottom:0;
}

.customer-service .btns p.cls {
  background: linear-gradient(111deg, #c1dfeb 0%, #60dbf5 19.5068359375%, #198AFE 100%);
  color: #fff;
  border:none;
}

.customer-service .btns p a{color:#0084FD}

@media screen and (max-width: 768px){
.w1200{width:100%;max-width:100%;box-sizing:border-box;}
.service-consult-root{overflow-x:hidden;}

.banner{height:450px;}
.banner .banner_text p{display:none;}
.banner .banner_text h3{font-size:20px;width:80%;line-height:1.5;text-align:center;margin:0 auto;}
.banner .w1200.flex.center{flex-direction:column-reverse;justify-content:center;width:100%;}
.banner .banner_text h3 br{display:none;}
.banner .banner_img{width:70%;}
.banner .banner_text{width:100%;margin-top:30px;}
.banner .banner_text .banner_btn{margin-top:20px;justify-content:space-evenly;}
.banner .banner_text .banner_btn a{margin-right:0}

.apidiv1{padding-bottom:0; background-image:url(?assets/images/pages/service-consult/value_bg2.jpg)}
.apidiv1 .api-title{ font-size:5vw; padding:8vw 0 3vw 0; line-height:1; font-weight:bold;}
.apidiv1 .api-box{flex-direction:column; border-radius:0; background-size:cover; height:auto;}
.apidiv1 .api-box .tableft{flex-direction:row; width:100%;justify-content:space-evenly;border-bottom:1px solid #ccc}
.apidiv1 .api-box .tableft .tab-btn1{font-size:3.8vw;padding-left:0; height:auto; line-height:3; font-weight:normal;}
.apidiv1 .api-box .tableft .tab-btn1.active{ background-image:none; border-bottom:2px solid #0081FA}
.apidiv1 .api-box .tabright{width:100%;}
.apidiv1 .api-box .tabright .swiperimg .right{padding:20px 20px 40px 20px;}
.apidiv1 .api-box .tabright .swiperimg .right .api_tit{margin-bottom:10px; display:none;}
.apidiv1 .api-box .tabright .swiperimg .right .banner_btn .niu a{width:100px; height:30px; line-height:30px; font-size:12px; }
.apidiv1 .api-box .tabright .swiperimg .right .banner_btn .wd a{font-size:12px;width:auto;height:auto;line-height:normal;border:none;margin-right:0;padding:0;}
.apidiv1 .api-box .tabright .swiperimg .right .api_case p{font-size:12px;}
.apidiv1 .api-box .tabright .swiperimg .right .api_case span{font-size:12px;}

.apidiv2 .scene_con{display:none}

.apidiv2 .scene_title{ font-size:5vw; padding:8vw 0 3vw 0; line-height:1; font-weight:bold;}
.apidiv2 .scene_con .con_box_yd{ width:100%; flex-direction:row; flex-shrink:0;}
.apidiv2 .scene_con .con_box_yd .box_bottom.active{height:140px;}
.apidiv2 .con_box_yd{display:flex;width: 96%;overflow-x: auto;gap: 20px;margin: 0 auto;padding-top: 20px;}
.apidiv2 .con_box_yd::-webkit-scrollbar{display:none}
.apidiv2 .con_box_yd .box_bottom{width: 75%;background:#fff;flex-shrink: 0;margin-bottom: 50px;padding: 15px;border-radius: 20px;}
.apidiv2 .con_box_yd .box_bottom .box_bot_t{display:flex;justify-content:space-between;align-items: center;}
.apidiv2 .con_box_yd .box_bottom .box_bot_t .box_bottom_img img{height: 40px;width: 40px;}
.apidiv2 .con_box_yd .box_bottom img{width:100%;border-radius: 20px;}
.apidiv2 .con_box_yd .box_bottom .box_bot_t .box_bottom_left{display:flex;flex-direction: column;justify-content: space-around;height: 40px;}
.apidiv2 .con_box_yd .box_bottom .box_bot_t .box_bottom_left p{ font-size:4vw;}
.apidiv2 .con_box_yd .box_bottom .box_bot_t .box_bottom_left img{height:3px;}
.apidiv2 .con_box_yd .box_bottom .box_bot_c{margin: 30px 0;text-align:justify;height: 80px;}

.TimeNow{
  min-height: 0;
  padding: 40px 20px 36px;
}
.TimeNow h2{
  font-size: 22px;
  line-height: 1.35;
  margin-bottom: 10px;
}
.TimeNow h3{
  font-size: 14px;
  line-height: 1.5;
  padding: 0 4px;
}
.TimeNow .btns{
  width: 100%;
}
.TimeNow .btns p{
  width: 160px;
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  margin: 22px auto 0;
  border-radius: 22px;
}

.apidiv3{height:auto}
.apidiv3 .scheme_title{ font-size:5vw; padding:8vw 0 3vw 0; line-height:1; font-weight:bold;}
.apidiv3 .scheme{ margin-top:20px;}

.apidiv3 .scheme .scheme_box_s{overflow-x:auto;flex-wrap:nowrap;gap: 20px;width: 98%;margin: 0 auto;}
.apidiv3 .scheme .scheme_box_s .scheme_con{flex-shrink:0; width:75%;}
.apidiv3 .scheme .scheme_box_s .scheme_con:nth-child(3){width:75%;}
.apidiv3 .scheme .scheme_box_s .scheme_con:nth-child(4){width:75%;}
.apidiv3 .scheme .scheme_box_s .scheme_con:nth-child(5){width:75%;}
.apidiv3 .scheme p{font-size:4vw;}

.apidiv3 .scheme .scheme_box_s .scheme_con{ height:200px;}
.apidiv3 .scheme .scheme_box_s .scheme_con .hover span{font-size:3vw;}
.apidiv3 .scheme .scheme_box_s .scheme_con:hover .hover img{width:70px; height:70px;}

.apidiv3 .scheme .scheme_box_s::-webkit-scrollbar{display:none}

.customer-service{background-position:100%;padding:0; background-size:cover;}
.customer-service h2{ font-size:5vw; padding:8vw 0 3vw 0; line-height:1; margin-bottom:0;}
.customer-service .btns{padding-bottom:8vw; margin-top:10px; }
.customer-service .btns p{width:100px; height:30px; line-height:30px; font-size:3vw;}

.apidiv1 .api-box .tabright .swiperimg .right .api_case{height:auto;min-height:200px;padding:20px;}
.apidiv1 .api-box .tabright .swiperimg .right .api_case .roll{max-height:220px;}
}