@charset "utf-8";

.sy_bt{text-align:center; margin-bottom:60px; position:relative; z-index:99;}
.sy_bt h2{font-size:40px; font-weight:bold; color:#171a1d; line-height:46px;}
.sy_bt h3{font-size:30px; color:#333; line-height:46px; margin-top:25px;}
.sy_bt h3 span{display:inline-block; margin:0 15px; color:transparent;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);
-webkit-background-clip:text;
background-clip:text;}
.sy_bt h3 img{width:48px; height:auto; display:inline-block; vertical-align:middle; margin-top:-6px; margin-left:10px; cursor:pointer;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_bt h3 img:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.sy_bt .x_z{font-size:16px; color:#555; margin-top:25px;}
.sy_bt span{display:inline-block;}
.sy_bt i{padding:0 10px; display:inline-block;}
.sy_bt br{display:none;}
@media only screen and (max-width:1160px){
.sy_bt{margin-bottom:35px;}
.sy_bt h2{font-size:34px; line-height:40px;}
.sy_bt h3{font-size:22px; line-height:30px; margin-top:15px;}
.sy_bt h3 span{margin:0 10px;}
.sy_bt h3 img{width:38px; margin-top:-4px; margin-left:6px;}
.sy_bt .x_z{font-size:15px; margin-top:15px;}
}
@media only screen and (max-width:768px){
.sy_bt{margin-bottom:30px;}
.sy_bt h2{font-size:24px; line-height:30px;}
.sy_bt h3{font-size:17px; line-height:26px; margin-top:10px;}
.sy_bt h3 img{width:30px;}
.sy_bt .x_z{font-size:14px;}
}

.sy_lj{width:100%; padding:80px 0; text-align:center; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.sy_lj h2{font-size:40px; font-weight:bold; line-height:46px; margin-bottom:30px;}
.sy_lj h3{font-size:18px; line-height:26px; margin-bottom:30px;}
.sy_lj a{width:150px; height:48px; border-radius:48px; font-size:18px; color:#0081fa; line-height:48px; margin:0 10px; display:inline-block; position:relative;
background:linear-gradient(#0081fa, #0081fa) repeat-y;
background:-webkit-linear-gradient(#0081fa, #0081fa) repeat-y;
background-color:#fff;
background-size:0 100%;}
.sy_lj a:hover{color:#fff; background-size:100% 100%;}
.sy_lj a.d_k{width:auto; padding:0 25px;}
.sy_lj a.zx_zx{color:#fff; background:none; border:1px solid #fff; line-height:46px;
background:linear-gradient(#0081fa, #0081fa) repeat-y;
background:-webkit-linear-gradient(#0081fa, #0081fa) repeat-y;
background-size:0 100%;}
.sy_lj a.zx_zx:hover{border:1px solid #0081fa; background-size:100% 100%;}
@media only screen and (max-width:1160px){
.sy_lj{padding:50px 0;}
.sy_lj h2{font-size:34px; line-height:40px; margin-bottom:25px;}
.sy_lj h3{font-size:16px; line-height:22px; margin-bottom:25px;}
.sy_lj a{width:136px; height:40px; border-radius:40px; font-size:16px; line-height:40px; margin:0 7px;}
.sy_lj a.d_k{padding:0 20px;}
.sy_lj a.zx_zx{line-height:38px;}
}
@media only screen and (max-width:768px){
.sy_lj{padding:40px 0;}
.sy_lj h2{font-size:26px; line-height:32px; margin-bottom:20px;}
.sy_lj h3{font-size:14px;}
.sy_lj a{width:126px; height:38px; border-radius:38px; font-size:15px; line-height:38px;}
.sy_lj a.d_k{padding:0 15px;}
.sy_lj a.zx_zx{line-height:36px;}
}

.wm_ban{width:100%; height:580px; background:url(?assets/images/pages/products/it_ban.jpg) no-repeat center / cover; display:flex; align-items:center; overflow:hidden;}
.wm_ban .row{margin:0; justify-content:space-between; align-items:center;}
.wm_ban .bn_wz{width:560px;}
.wm_ban .bn_wz h2{font-size:48px; color:#2b2b2b; font-weight:bold; line-height:56px;}
.wm_ban .bn_wz h2 span{display:inline-block; color:transparent;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);
-webkit-background-clip:text;
background-clip:text;}
.wm_ban .bn_wz h3{font-size:18px; color:#2b2b2b; line-height:30px; margin-top:25px;}
.wm_ban .bn_wz a{width:168px; height:50px; border-radius:5px; display:inline-block; font-size:16px; color:#fff; line-height:50px; text-align:center; margin-top:45px;
background:linear-gradient(#9560f0, #9560f0) repeat-y;
background:-webkit-linear-gradient(#9560f0, #9560f0) repeat-y;
background-color:#0081fa;
background-size:0 100%;}
.wm_ban .bn_wz a:hover{background-size:100% 100%;}
.wm_ban .bn_tp{width:582px; position:relative;}
.wm_ban .bn_tp img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1160px){
.wm_ban{height:400px;}
.wm_ban .bn_wz{width:46%;}
.wm_ban .bn_wz h2{font-size:38px; line-height:50px;}
.wm_ban .bn_wz h3{font-size:16px; margin-top:20px;}
.wm_ban .bn_wz a{width:148px; height:40px; padding:0 15px; font-size:15px; line-height:40px; margin-top:30px;}
.wm_ban .bn_tp{width:46%;}
}
@media only screen and (max-width:768px){
.wm_ban{height:280px;}
.wm_ban .bn_wz{width:46%;}
.wm_ban .bn_wz h2{font-size:30px; line-height:40px; margin-top:6px;}
.wm_ban .bn_wz h3{font-size:14px; line-height:22px; margin-top:15px;}
.wm_ban .bn_wz a{width:128px; height:36px; font-size:14px; line-height:36px; margin-top:20px;}
.wm_ban .bn_tp{width:44%;}
}
@media only screen and (max-width:640px){
.wm_ban{height:440px;}
.wm_ban .bn_wz{width:100%; text-align:center; margin-bottom:15px;}
.wm_ban .bn_wz h2{font-size:26px; line-height:34px;}
.wm_ban .bn_wz h3{margin-top:10px;}
.wm_ban .bn_tp{width:70%; margin:0 auto;}
}

.wm_js{width:100%; padding:80px 0; overflow:hidden;}
.wm_js .js_nr{width:100%; padding:100px 0; position:relative;}
.wm_js .nr_wz{width:330px; position:absolute;}
.wm_js .nr_wz.wz_a{top:0; left:7%; text-align:right;}
.wm_js .nr_wz.wz_b{top:0; right:7%;}
.wm_js .nr_wz.wz_c{top:50%; left:2%; text-align:right;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);}
.wm_js .nr_wz.wz_d{top:50%; right:2%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);}
.wm_js .nr_wz.wz_e{bottom:0; left:7%; text-align:right;}
.wm_js .nr_wz.wz_f{bottom:26px; right:7%;}
.wm_js .nr_wz .l_m{width:90px; height:90px; border-radius:50%; background-color:#fff; box-shadow:5px 5px 10px rgba(158,158,255,.3); position:absolute; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.wm_js .nr_wz.wz_a .l_m{top:60px; right:-140px;}
.wm_js .nr_wz.wz_b .l_m{top:60px; left:-140px;}
.wm_js .nr_wz.wz_c .l_m{top:50%; right:-125px;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);}
.wm_js .nr_wz.wz_d .l_m{top:50%; left:-125px;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);}
.wm_js .nr_wz.wz_e .l_m{top:-36px; right:-140px;}
.wm_js .nr_wz.wz_f .l_m{top:-36px; left:-140px;}
.wm_js .nr_wz .l_m img{width:24px; height:auto; margin:0 auto; display:block;}
.wm_js .nr_wz .l_m strong{width:100%; font-size:17px; font-weight:bold; text-align:center; color:#333; line-height:22px; display:block;}
.wm_js .nr_wz .b_t{font-size:18px; font-weight:bold; color:#333; line-height:26px; margin-bottom:8px; position:relative; display:inline-block;}
.wm_js .nr_wz .b_t img{max-width:100%; height:auto; display:block; position:absolute; top:-6px; right:-60px;}
.wm_js .nr_wz .w_z{font-size:14px; line-height:26px; color:#666b75;}
.wm_js .js_yq{width:280px; height:280px; margin:0 auto; display:flex; justify-content:center; align-items:center; position:relative;}
.wm_js .js_yq:after{width:280px; height:280px; background:url(?assets/images/pages/products/xy.png) no-repeat center / cover; position:absolute; top:50%; left:50%; margin:-140px 0 0 -140px; content:"";
animation:math 30s linear infinite;
-webkit-animation:math 30s linear infinite;}
.wm_js .js_yq span{font-size:28px; line-height:36px; font-weight:bold; text-align:center; display:inline-block; color:transparent;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);
-webkit-background-clip:text;
background-clip:text;}
@media only screen and (max-width:1160px){
.wm_js{padding:50px 0;}
.wm_js .js_nr{width:100%; padding:60px 0;}
.wm_js .nr_wz{width:32%;}
.wm_js .nr_wz.wz_a{left:6%;}
.wm_js .nr_wz.wz_b{right:6%;}
.wm_js .nr_wz.wz_c{left:0;}
.wm_js .nr_wz.wz_d{right:0;}
.wm_js .nr_wz.wz_e{left:6%;}
.wm_js .nr_wz.wz_f{bottom:22px; right:6%;}
.wm_js .nr_wz .l_m{width:70px; height:70px;}
.wm_js .nr_wz.wz_a .l_m{top:36px; right:-90px;}
.wm_js .nr_wz.wz_b .l_m{top:36px; left:-90px;}
.wm_js .nr_wz.wz_c .l_m{right:-80px;}
.wm_js .nr_wz.wz_d .l_m{left:-80px;}
.wm_js .nr_wz.wz_e .l_m{top:-16px; right:-90px;}
.wm_js .nr_wz.wz_f .l_m{top:-16px; left:-90px;}
.wm_js .nr_wz .l_m img{width:22px;}
.wm_js .nr_wz .l_m strong{font-size:14px; font-weight:normal; line-height:16px;}
.wm_js .nr_wz .b_t{font-size:17px; margin-bottom:2px;}
.wm_js .nr_wz .b_t img{max-width:40px; top:-4px; right:-50px;}
.wm_js .nr_wz .w_z{font-size:13px; line-height:22px;}
.wm_js .js_yq{width:250px; height:250px;}
.wm_js .js_yq:after{width:250px; height:250px; margin:-125px 0 0 -125px;}
.wm_js .js_yq span{font-size:22px; line-height:30px;}
}
@media only screen and (max-width:768px){
.wm_js{padding:40px 0 20px;}
.wm_js .js_nr{padding:0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.wm_js .nr_wz{width:calc(50% - 10px); background-color:#fafafa; margin-bottom:20px; border-radius:10px; padding:20px; position:relative; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; text-align:center !important;
transform:none !important;
-webkit-transform:none !important;}
.wm_js .nr_wz .l_m{width:100%; height:inherit; background:none; margin-bottom:25px; border-radius:0; box-shadow:none; position:relative; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; text-align:center !important;
transform:none !important;
-webkit-transform:none !important;}
.wm_js .nr_wz .l_m img{width:40px; display:inline-block;}
.wm_js .nr_wz .l_m strong{font-size:18px; font-weight:bold; display:inline-block; margin-top:10px;}
.wm_js .nr_wz .l_m strong br{display:none;}
.wm_js .nr_wz .b_t{font-size:16px; line-height:22px; margin-bottom:5px;}
.wm_js .nr_wz .b_t img{max-width:30px; top:-3px; right:-40px;}
.wm_js .nr_wz .w_z{font-size:13px; line-height:22px;}
.wm_js .js_yq{display:none;}
}
@media only screen and (max-width:640px){
.wm_js .js_nr{white-space:nowrap; flex-wrap:nowrap; overflow-x:auto;}
.wm_js .js_nr::-webkit-scrollbar{display:none}
.wm_js .nr_wz{width:300px; padding:20px 15px; margin-right:15px;}
.wm_js .nr_wz .m_c{display:grid;}
.wm_js .nr_wz .w_z{width:270px; white-space:break-spaces;}
}

@keyframes math{
0%{transform:rotate(0);}
100%{transform:rotate(360deg);}
}

@-webkit-keyframes math{
0%{-webkit-transform:rotate(0);}
100%{-webkit-transform:rotate(360deg);}
}

.wm_mk{width:100%; padding:80px 0; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.wm_mk .mk_zs{position:relative;}
.wm_mk .mk_lm{position:absolute; width:180px; z-index:120;}
.wm_mk .mk_lm.on{position:fixed; top:106px; width:180px;}
.wm_mk .mk_lm.on_a{position:absolute; top:auto; bottom:0; left:auto !important;}
.wm_mk .mk_lm ul{list-style:none; margin:0; padding:0;}
.wm_mk .mk_lm ul li{width:100%; padding:15px; margin-bottom:10px; background-color:rgba(255,255,255,.5); border-radius:15px; border:1px solid #0781fa; cursor:pointer; list-style:none;}
.wm_mk .mk_lm ul li.on{background:url(?assets/images/pages/products/jb_bj.jpg) no-repeat center / cover; border:1px solid transparent;}
.wm_mk .mk_lm .b_t{font-size:18px; font-weight:bold; color:#333; margin-bottom:5px;}
.wm_mk .mk_lm ul li.on .b_t{color:#fff;}
.wm_mk .mk_lm .b_t img{width:20px; height:auto; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-4px;}
.wm_mk .mk_lm ul li.on .b_t img{display:none;}
.wm_mk .mk_lm .b_t img.b_s{display:none;}
.wm_mk .mk_lm ul li.on .b_t img.b_s{display:inline-block;}
.wm_mk .mk_lm .w_z{font-size:13px; line-height:16px; color:#666b75;}
.wm_mk .mk_lm ul li.on .w_z{color:#fff;}
.wm_mk .mk_nr{width:calc(100% - 236px); margin-left:236px;}
.wm_mk .mk_nr .b_t{font-size:30px; font-weight:bold; color:#333; line-height:40px;}
.wm_mk .mk_nr .j_s{font-size:18px; line-height:28px; color:#666b75; margin:15px 0 30px;}
.wm_mk .swiper-tp,
.wm_mk .swiper-container.swiper-tp{overflow:hidden; position:relative; padding-bottom:36px;}
.wm_mk .swiper-slide{position:relative;}
.wm_mk .swiper-slide img{width:100%; height:auto; display:block;}
.wm_mk .swiper-slide h3{font-size:17px; font-weight:bold; color:#333; position:absolute; top:28px; left:36px; margin:0;}
.wm_mk .swiper-pagination{bottom:10px !important;}
.wm_mk .swiper-pagination-bullet{width:8px; height:8px; background-color:#0081fa; opacity:.3;}
.wm_mk .swiper-pagination-bullet-active{opacity:1;}
.wm_mk .mk_nr a{width:140px; height:40px; border-radius:40px; font-size:16px; text-align:center; color:#fff; line-height:40px; display:block; margin:30px auto 0;
background:linear-gradient(#9560f0, #9560f0) repeat-y;
background:-webkit-linear-gradient(#9560f0, #9560f0) repeat-y;
background-color:#0084fd;
background-size:0 100%;}
.wm_mk .mk_nr a:hover{background-size:100% 100%;}
.wm_mk .mk_nr a img{display:inline-block; vertical-align:middle; margin-left:5px; margin-top:-4px;}
@media only screen and (max-width:1160px){
.wm_mk{padding:50px 0;}
.wm_mk .mk_lm{width:160px;}
.wm_mk .mk_lm.on{width:160px;}
.wm_mk .mk_lm ul li{padding:12px; border-radius:10px;}
.wm_mk .mk_lm .b_t{font-size:17px;}
.wm_mk .mk_lm .w_z{font-size:12px;}
.wm_mk .mk_nr{width:calc(100% - 200px); margin-left:200px;}
.wm_mk .mk_nr .b_t{font-size:26px; line-height:36px;}
.wm_mk .mk_nr .j_s{font-size:16px; line-height:26px; margin:10px 0 20px;}
.wm_mk .swiper-slide h3{top:23px; left:32px;}
.wm_mk .mk_nr a{height:36px; border-radius:36px; padding:0 20px; font-size:15px; line-height:36px;}
}
@media only screen and (max-width:768px){
.wm_mk{padding:40px 0;}
.wm_mk .mk_lm{display:none;}
.wm_mk .mk_nr{width:100%; margin-left:0;}
.wm_mk .mk_nr .b_t{font-size:22px; line-height:32px;}
.wm_mk .mk_nr .j_s{font-size:14px; line-height:24px;}
.wm_mk .swiper-pagination{bottom:6px !important;}
.wm_mk .swiper-slide h3{font-size:16px; top:22px; left:28px;}
.wm_mk .mk_nr a{height:32px; border-radius:32px; padding:0 15px; font-size:14px; line-height:32px;}
}
@media only screen and (max-width:640px){
.wm_mk .swiper-slide h3{font-size:12px; top:12px; left:10px; white-space:nowrap;
transform:scale(.9);
-webkit-transform:scale(.9);}
.wm_mk .swiper-pagination{bottom:0 !important;}
.wm_mk .swiper-pagination-bullet{width:5px; height:5px; margin:0 2px !important}
}

.wm_sj{width:100%; padding:80px 0 50px; background:url(?assets/images/pages/products/itd_bg.jpg) no-repeat center / cover; position:relative; overflow:hidden;}
.wm_sj .sy_bt h2{color:#fff;}
.wm_sj .sy_bt h3{color:#fff;}
.wm_sj .row{margin:0 -10px;}
.wm_sj .swiper-sj{padding-bottom:50px;}
.wm_sj .swiper-pagination-bullet{width:8px; height:8px; background-color:#fff; border-radius:8px !important; opacity:.5;
transition:all .5s;
-webkit-transition:all .5s;}
.wm_sj .swiper-pagination-bullet-active{opacity:1; width:26px;}
.wm_sj .sj_zs{width:calc(33.33333333% - 20px); margin:0 10px; padding:45px 45px 80px; border-radius:15px; position:relative;
background:linear-gradient(top, #dcffff, #fff);
background:-webkit-linear-gradient(top, #dcffff, #fff);}
.wm_sj .sj_zs:after{width:180px; height:140px; position:absolute; bottom:10px; right:10px; content:""; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(?assets/images/pages/products/sj2_1.png);}
.wm_sj .sj_zs:first-child{background:linear-gradient(top, #d5e8ff, #fff);
background:-webkit-linear-gradient(top, #d5e8ff, #fff);}
.wm_sj .sj_zs:first-child:after{background-image:url(?assets/images/pages/products/sj1_1.png);}
.wm_sj .sj_zs:last-child{background:linear-gradient(top, #f0e9ff, #fff);
background:-webkit-linear-gradient(top, #f0e9ff, #fff);}
.wm_sj .sj_zs:last-child:after{background-image:url(?assets/images/pages/products/sj3_1.png);}
.wm_sj .sj_zs .t_b{width:86px; margin:0 auto;}
.wm_sj .sj_zs .t_b img{width:100%; height:auto; display:block;}
.wm_sj .sj_zs .b_t{font-size:24px; font-weight:bold; text-align:center; margin:10px 0 35px;}
.wm_sj .sj_zs .w_z{font-size:18px; line-height:30px; color:#666b75;}
.wm_sj .sj_nr{width:100%; position:relative;}
.wm_sj .sj_yq{width:450px; height:450px; background:url(?assets/images/pages/products/wm2.png) no-repeat center / cover; margin:0 auto; text-align:center; display:flex; justify-content:center; align-items:center;}
.wm_sj .sj_yq .b_t{font-size:22px; color:#333; line-height:30px; font-weight:bold; margin-top:5px;}
.wm_sj .sj_yq .b_t span{color:transparent;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);
-webkit-background-clip:text;
background-clip:text;}
.wm_sj .sj_yq img{max-width:100%; display:inline-block;}
.wm_sj .sj_xx{width:100%; height:100%; position:absolute; top:0; left:0;}
.wm_sj .sj_xx .x_x{min-width:220px; position:absolute; padding:5px 30px 5px 5px; border-radius:50px;
background:linear-gradient(left, #edf3fe, #ccd7fb);
background:-webkit-linear-gradient(left, #edf3fe, #ccd7fb);}
.wm_sj .sj_xx .x_x:first-child{top:0; left:13%;}
.wm_sj .sj_xx .x_x:nth-child(2){top:0; right:13%;}
.wm_sj .sj_xx .x_x:nth-child(3){top:30%; left:2%;}
.wm_sj .sj_xx .x_x:nth-child(4){top:22.5%; right:3%;}
.wm_sj .sj_xx .x_x:nth-child(5){bottom:30%; left:2%;}
.wm_sj .sj_xx .x_x:nth-child(6){top:50%; right:0; margin-top:-25px;}
.wm_sj .sj_xx .x_x:nth-child(7){bottom:22.5%; right:3%;}
.wm_sj .sj_xx .x_x:nth-child(8){bottom:0; left:13%;}
.wm_sj .sj_xx .x_x:last-child{bottom:0; right:13%;}
.wm_sj .sj_xx .x_x img{width:38px; height:auto; display:inline-block; vertical-align:middle; margin-right:6px; margin-top:-4px;}
.wm_sj .sj_xx .x_x span{font-size:18px; font-weight:bold; color:#333; line-height:40px;}
.wm_sj .sj_xx .x_x font{display:inline-block; margin-right:6px;}
@media only screen and (max-width:1160px){
.wm_sj{padding:50px 0 30px;}
.wm_sj .swiper-sj{padding-bottom:40px;}
.wm_sj .sj_zs{padding:30px 25px 50px; border-radius:10px;}
.wm_sj .sj_zs:after{width:120px; height:93px;}
.wm_sj .sj_zs .t_b{width:66px;}
.wm_sj .sj_zs .b_t{font-size:20px; margin:10px 0 25px;}
.wm_sj .sj_zs .w_z{font-size:16px; line-height:26px;}
.wm_sj .sj_yq{width:360px; height:360px;}
.wm_sj .sj_yq .b_t{font-size:18px; line-height:28px;}
.wm_sj .sj_yq img{max-width:120px;}
.wm_sj .sj_xx .x_x{min-width:210px; padding:5px 20px 5px 5px;}
.wm_sj .sj_xx .x_x span{font-size:17px;}
}
@media only screen and (max-width:768px){
.wm_sj{padding:40px 0 20px;}
.wm_sj .swiper-pagination{bottom:10px !important;}
.wm_sj .sj_zs{padding:20px 15px 40px; border-radius:8px;}
.wm_sj .sj_zs:after{width:90px; height:70px;}
.wm_sj .sj_zs .t_b{width:56px;}
.wm_sj .sj_zs .b_t{font-size:18px; margin:10px 0 20px;}
.wm_sj .sj_zs .w_z{font-size:14px; line-height:22px;}
.wm_sj .sj_yq{width:320px; height:320px;}
.wm_sj .sj_yq .b_t{font-size:16px; line-height:24px;}
.wm_sj .sj_yq img{max-width:100px;}
.wm_sj .sj_xx .x_x{min-width:210px; padding:5px 10px 5px 5px;}
.wm_sj .sj_xx .x_x span{font-size:16px;}
}
@media only screen and (max-width:640px){
.wm_sj .sj_zs{width:100%; padding:20px 15px 20px; margin-bottom:10px;}
.wm_sj .sj_zs:last-child{margin-bottom:0;}
.wm_sj .sj_yq{width:260px; height:260px;}
.wm_sj .sj_yq img{max-width:60px;}
.wm_sj .sj_xx{position:relative; top:auto; left:auto; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px;}
.wm_sj .sj_xx .x_x{min-width:inherit; width:calc(33.33333333% - 10px); margin-bottom:10px; padding:15px 0; border-radius:5px; position:relative; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;}
.wm_sj .sj_xx .x_x:nth-child(6){margin-top:0;}
.wm_sj .sj_xx .x_x img{display:block; margin:0 auto;}
.wm_sj .sj_xx .x_x span{display:block; text-align:center; line-height:24px; margin-top:10px;}
.wm_sj .sj_xx .x_x font{display:block; margin-right:0;}
}

.wm_ys{width:100%; padding:80px 0; position:relative; overflow:hidden;}
.wm_ys:after{width:100%; height:100%; position:absolute; top:0; left:0; z-index:-5; background:url(?assets/images/pages/products/cp_bg.jpg) no-repeat top center / cover; content:"";}
.wm_ys .ys_nr ul{margin:0 -10px;}
.wm_ys .ys_nr ul li{width:calc(33.33333333% - 20px); margin:0 10px; padding:30px; margin-top:136px; position:relative; border:1px solid #e5f0fd; border-radius:20px; background-color:#fff;}
.wm_ys .ys_nr .b_t{width:100%; height:100%; border-radius:20px; background-position:top center; background-repeat:no-repeat; background-size:cover; padding:36px 30px; font-size:22px; font-weight:bold; color:#333; line-height:32px; position:absolute; top:-136px; left:0; z-index:-1;}
.wm_ys .ys_nr .w_z p{margin:10px 0; padding-left:25px; font-size:18px; line-height:30px; color:#333; position:relative;}
.wm_ys .ys_nr .w_z p:after{width:14px; height:14px; position:absolute; left:0; top:8px; background:url(?assets/images/pages/products/ldh.png) no-repeat center / cover; content:"";}
@media only screen and (max-width:1160px){
.wm_ys{padding:50px 0;}
.wm_ys .ys_nr ul li{padding:20px; margin-top:116px; border-radius:10px;}
.wm_ys .ys_nr .b_t{border-radius:10px; padding:30px 20px; font-size:18px; line-height:28px; top:-116px;}
.wm_ys .ys_nr .w_z p{margin:6px 0; padding-left:20px; font-size:16px; line-height:26px;}
.wm_ys .ys_nr .w_z p:after{width:12px; height:12px; top:8px;}
}
@media only screen and (max-width:768px){
.wm_ys{padding:40px 0;}
.wm_ys .ys_nr ul{margin:0 -8px;}
.wm_ys .ys_nr ul li{width:calc(33.33333333% - 16px); margin:0 8px; padding:15px; margin-top:100px; border-radius:8px;}
.wm_ys .ys_nr .b_t{border-radius:8px; padding:24px 15px; font-size:17px; line-height:26px; top:-100px;}
.wm_ys .ys_nr .w_z p{padding-left:16px; font-size:14px; line-height:22px;}
.wm_ys .ys_nr .w_z p:after{width:10px; height:10px; top:6px;}
}
@media only screen and (max-width:640px){
.wm_ys .ys_nr ul{margin:0; white-space:nowrap; flex-wrap:nowrap; overflow-x:auto;}
.wm_ys .ys_nr ul::-webkit-scrollbar{display:none}
.wm_ys .ys_nr ul li{width:300px;}
.wm_ys .ys_nr .w_z{width:270px; display:grid; white-space:break-spaces;}
}

.bg_ban{width:100%; height:580px; background:url(?assets/images/pages/products/rep_ban.jpg) no-repeat center / cover; display:flex; align-items:center; overflow:hidden;}
.bg_ban h2{font-size:48px; color:#2b2b2b; text-align:center; font-weight:bold; line-height:56px;}
.bg_ban .sj_an ul{margin:0; justify-content:center;}
.bg_ban .sj_an ul li{width:90px; height:30px; display:inline-block; margin:0 10px; font-size:15px; color:#9560dc; line-height:30px; text-align:center; border-radius:5px; display:block;
background:linear-gradient(left, #e5f2fe, #f4effb);
background:-webkit-linear-gradient(left, #e5f2fe, #f4effb);}
.bg_ban .sj_an ul li:hover a{
  color: #ffffff;
}
.bg_ban .sj_an ul li:hover{
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);}
.bg_ban .sj_an ul li.on{color:#fff;
  background:linear-gradient(left, #1b80f9, #9361dd);
  background:-webkit-linear-gradient(left, #1b80f9, #9361dd);}
.bg_ban .sj_an ul li{
  overflow: hidden;
}
.bg_ban .sj_an ul li a{
  display: block;
}
.bg_ban .sj_an ul li.on a{
  color: #ffffff;
}
.bg_ban .ss_nr{width:720px; margin:35px auto 20px; background-color:#fff; border-radius:10px; display:flex; justify-content:space-between; overflow:hidden;}
.bg_ban .ss_nr input{width:calc(100% - 80px); height:60px; padding:0 15px; border:0; background:none; font-size:16px; line-height:60px; color:#333; display:block;}
.bg_ban .ss_nr input::placeholder{color:#9fa2ab;}
.bg_ban .ss_nr button{width:80px; height:60px; background:none; border:0; display:inline-block; outline:none; overflow:hidden; text-align:center;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);}
.bg_ban .ss_nr button img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1160px){
.bg_ban{height:400px;}
.bg_ban h2{font-size:38px; line-height:50px;}
.bg_ban .ss_nr{width:660px; margin:25px auto 10px;}
.bg_ban .ss_nr input{width:calc(100% - 67px); height:50px; font-size:15px; line-height:50px;}
.bg_ban .ss_nr button{width:67px; height:50px;}
}
@media only screen and (max-width:768px){
.bg_ban{height:280px;}
.bg_ban h2{font-size:30px; line-height:40px; margin-top:6px;}
.bg_ban .sj_an ul li{font-size:14px;}
.bg_ban .ss_nr{width:560px;}
}
@media only screen and (max-width:640px){
.bg_ban{height:360px;}
.bg_ban h2{font-size:26px; line-height:34px;}
.bg_ban .sj_an{margin-bottom:0;}
.bg_ban .sj_an ul{margin:0 -5px;}
.bg_ban .sj_an ul li{width:calc(50% - 10px); margin:0 5px 10px; text-align:center;}
.bg_ban .ss_nr{width:100%; border-radius:6px;}
}

.bg_nr{width:100%; padding:90px 0; background:url(?assets/images/pages/products/tra_bg.jpg) no-repeat bottom center / 100%; overflow:hidden;}
.bg_nr .row{margin:0; justify-content:space-between;}
.bg_nr .xw_zc{width:calc(100% - 390px);}
.bg_nr .xw_yc{width:320px;}
.bg_nr .xw_lb{width:100%;}
.bg_nr .xw_lb ul{display:flex; flex-wrap:wrap; margin:0 -13px;}
.bg_nr .xw_lb ul li{width:calc(33.33333333% - 26px); margin:0 13px 26px; border:1px solid #edf1fb; border-radius:10px; background-color:#fff; overflow:hidden;}
.bg_nr .xw_lb .t_p{width:170px; margin:15px auto; overflow:hidden;}
.bg_nr .xw_lb .t_p img{width:100%; height:auto; display:block;
object-fit:cover;
object-position:center;
-webkit-user-select:none;
user-select:none;
transition:all .5s;
-webkit-transition:all .5s;}
.bg_nr .xw_lb ul li:hover .t_p img{transform:scale(1.05);
-webkit-transform:scale(1.05);}
.bg_nr .xw_lb .w_z{width:100%; padding:15px 20px;
background:linear-gradient(left, #f2f5fc, #fafcfe);
background:-webkit-linear-gradient(left, #f2f5fc, #fafcfe);}
.bg_nr .xw_lb .w_z h3{font-size:14px; font-weight:bold; line-height:22px; height:44px; margin-bottom:15px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.bg_nr .xw_lb .b_q{display:flex; justify-content:space-between;}
.bg_nr .xw_lb .b_q span{width:70px; line-height:26px; border-radius:5px; font-size:12px; line-height:26px; color:#fff; text-align:center; display:inline-block;
background:linear-gradient(left, #1b80f9, #9361dd);
background:-webkit-linear-gradient(left, #1b80f9, #9361dd);}
.bg_nr .xw_lb .b_q a{display:inline-block; font-size:14px; line-height:26px; color:#666b75;}
.bg_nr .xw_lb .b_q img{max-width:100%; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-2px;}
.bg_nr .xw_zx{width:100%; padding:25px; margin-top:20px; background-color:rgba(255,255,255,.3); border-radius:10px;}
.bg_nr .xw_zx ul li{display:flex; flex-wrap:wrap; justify-content:space-between; font-size:16px; line-height:44px;}
.bg_nr .xw_zx ul li span.x_h{width:26px;}
.bg_nr .xw_zx ul li span.s_j{width:80px; color:#666b75; font-size:12px; text-align:right;}
.bg_nr .xw_zx ul li a{width:calc(100% - 106px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block;}
.bg_nr .xw_em{width:100%; border-radius:10px; background:url(?assets/images/pages/products/fd_bg.jpg) no-repeat center / cover; padding:30px 0; text-align:center;}
.bg_nr .xw_em h2{font-size:18px; font-weight:bold; color:#0081fa; line-height:28px; margin-bottom:15px;}
.bg_nr .xw_em a{width:180px; height:40px; border-radius:40px; display:inline-block; color:#fff; font-size:16px; line-height:40px;
background:linear-gradient(#9560f0, #9560f0) repeat-y;
background:-webkit-linear-gradient(#9560f0, #9560f0) repeat-y;
background-color:#0081fa;
background-size:0 100%;}
.bg_nr .xw_em a:hover{color:#fff; background-size:100% 100%;}
.bg_nr .xw_tj{margin-top:40px;}
.bg_nr .xw_tj .b_t{font-size:20px; color:#333; line-height:30px; font-weight:bold;}
.bg_nr .xw_tj .b_t img{display:inline-block; vertical-align:middle; margin-right:7px; margin-top:-2px;}
.bg_nr .tw_tj ul li{margin-top:30px; padding:35px; border:1px solid #edf1fb; border-radius:10px;
background:linear-gradient(top, #f2f5fc, #fafcfe);
background:-webkit-linear-gradient(top, #f2f5fc, #fafcfe);}
.bg_nr .tw_tj .t_p{width:190px; margin:0 auto; border:1px solid #dcdddf; border-radius:10px; overflow:hidden;}
.bg_nr .tw_tj .t_p img{width:100%; height:100%; display:block;
object-fit:cover;
object-position:center;
-webkit-user-select:none;
user-select:none;
transition:all .5s;
-webkit-transition:all .5s;}
.bg_nr .tw_tj ul li:hover .t_p img{transform:scale(1.05);
-webkit-transform:scale(1.05);}
.bg_nr .tw_tj .w_z{font-size:18px; font-weight:bold; line-height:26px; text-align:center; margin-top:10px;}
.bg_nr .rm_bq ul{display:flex; flex-wrap:wrap;}
.bg_nr .rm_bq ul li{margin:15px 15px 0 0;}
.bg_nr .rm_bq a{height:32px; border-radius:3px; padding:0 15px; display:inline-block; font-size:14px; line-height:32px;
background:linear-gradient(#0081fa, #0081fa) repeat-y;
background:-webkit-linear-gradient(#0081fa, #0081fa) repeat-y;
background-color:#f2f5fc;
background-size:0 100%;}
.bg_nr .rm_bq a:hover{color:#fff; background-size:100% 100%;}
.bg_nr .ss_nr{width:100%; margin-top:20px; display:flex; justify-content:space-between; overflow:hidden;}
.bg_nr .ss_nr input{width:calc(100% - 38px); height:38px; border-radius:6px 0 0 6px; border:1px solid #dcdddf; border-right:0; padding:0 15px; background-color:#fff; font-size:14px; line-height:36px; color:#333; display:block;}
.bg_nr .ss_nr input::placeholder{color:#9fa2ab;}
.bg_nr .ss_nr button{width:38px; height:38px; background-color:#0081fa; border-radius:0 6px 6px 0; border:0; display:block; outline:none; overflow:hidden;}
.bg_nr .ss_nr button img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1160px){
.bg_nr{padding:50px 0;}
.bg_nr .xw_zc{width:calc(100% - 320px);}
.bg_nr .xw_yc{width:280px;}
.bg_nr .xw_lb ul{margin:0 -10px;}
.bg_nr .xw_lb ul li{width:calc(33.33333333% - 20px); margin:0 10px 20px;}
.bg_nr .xw_lb .t_p{width:140px;}
.bg_nr .xw_lb .w_z{padding:15px;}
.bg_nr .xw_zx{padding:20px; margin-top:20px;}
.bg_nr .xw_zx ul li{font-size:15px; line-height:40px;}
.bg_nr .xw_zx ul li span.s_j{width:70px;}
.bg_nr .xw_zx ul li a{width:calc(100% - 96px);}
.bg_nr .xw_em{padding:25px 0;}
.bg_nr .xw_em h2{font-size:20px; line-height:28px; margin-top:10px;}
.bg_nr .xw_em h3{font-size:16px; line-height:24px; margin:6px 0 10px;}
.bg_nr .xw_em a.mf_ys{width:150px; height:40px; border-radius:40px; font-size:16px; line-height:40px;}
.bg_nr .xw_tj{margin-top:30px;}
.bg_nr .xw_tj .b_t{font-size:18px; line-height:28px;}
.bg_nr .tw_tj ul li{margin-top:20px; padding:25px;}
.bg_nr .tw_tj .t_p{width:160px;}
.bg_nr .tw_tj .w_z{font-size:16px;}
.bg_nr .lb_tj span{width:20px; top:10px;}
.bg_nr .rm_bq ul li{margin:10px 10px 0 0;}
.bg_nr .rm_bq a{height:30px; padding:0 12px; line-height:30px;}
}
@media only screen and (max-width:768px){
.bg_nr{padding:30px 0 50px;}
.bg_nr .xw_zc{width:100%;}
.bg_nr .xw_yc{width:100%; padding-left:0; border-left:0; margin-top:35px;}
.bg_nr .xw_zx{background-color:#fafafa;}
.bg_nr .tw_tj ul{display:flex; flex-wrap:wrap; margin:0 -10px;}
.bg_nr .tw_tj ul li{width:calc(50% - 20px); margin:20px 10px 0; padding:15px;}
.bg_nr .tw_tj .t_p{width:80%;}
.bg_nr .tw_tj .w_z{font-size:14px; line-height:22px;}
}
@media only screen and (max-width:640px){
.bg_nr .xw_lb ul{margin:0 -5px;}
.bg_nr .xw_lb ul li{width:calc(50% - 10px); margin:0 5px 10px;}
.bg_nr .xw_lb .t_p{width:80%;}
.bg_nr .xw_zx{padding:15px 20px;}
.bg_nr .tw_tj ul{margin:0 -5px;}
.bg_nr .tw_tj ul li{width:calc(50% - 10px); margin:20px 5px 0;}
}

.tc_sp{width:100%; height:100%; background-color:rgba(0,0,0,.6); position:fixed; top:0; left:0; z-index:99999; display:none;}
.tc_sp .g_b{position:absolute; top:-35px; right:-35px; cursor:pointer; color:#eee;
transition:all .5s;
-webkit-transition:all .5s;}
.tc_sp .g_b:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.tc_sp .vd_nr{width:100%; max-width:760px; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);}
.tc_sp .vd_nr iframe{width:100%; height:428px; display:block;}
@media only screen and (max-width:768px){
.tc_sp .vd_nr{max-width:600px;}
.tc_sp .vd_nr iframe{height:428px;}
}
@media only screen and (max-width:640px){
.tc_sp .g_b{top:-40px; right:0;}
.tc_sp .vd_nr{max-width:90%;}
.tc_sp .vd_nr iframe{height:200px;}
}

.tc_tp{width:100%; height:100%; background-color:rgba(0,0,0,.6); position:fixed; top:0; left:0; z-index:99999; display:none;}
.tc_tp .g_b{position:absolute; top:-35px; right:-35px; cursor:pointer; color:#eee;
transition:all .5s;
-webkit-transition:all .5s;}
.tc_tp .g_b:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.tc_tp .g_b img{width:30px; height:auto; display:block;}
.tc_tp .tp_nr{width:100%; max-width:1086px; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);}
.tc_tp .tp_nr .t_p{width:100%; max-height:550px; overflow-y:auto;}
.tc_tp .tp_nr .t_p::-webkit-scrollbar{width:6px;}
.tc_tp .tp_nr .t_p::-webkit-scrollbar-track{background-color:#eee;}
.tc_tp .tp_nr .t_p::-webkit-scrollbar-thumb{background-color:#ccc; border-radius:6px;}
.tc_tp .tp_nr .t_p::-webkit-scrollbar-thumb:hover{background-color:#777;}
.tc_tp .tp_nr .t_p::-webkit-scrollbar-thumb:active{background-color:#0081fa;}
.tc_tp .tp_nr .t_p img{max-width:100%; height:auto; display:block; margin:0 auto;}
@media only screen and (max-width:1160px){
.tc_tp .tp_nr{width:90%;}
.tc_tp .g_b{right:0;}
}
@media only screen and (max-width:768px){
.tc_tp .g_b{top:-40px;}
.tc_tp .tp_nr .t_p{max-height:460px;}
}