.wm_flex{display: flex;align-items: center;}
.wm_flex1{flex: 1;}
.wm_relative{position: relative;}
.wm_wrapper{width: 1200px;min-width: 1200px;margin: 0 auto;}

.wm_head{position: fixed;top: 0;left: 0;right: 0;height: 70px;z-index: 99;transition: all ease-out 0.2s;}
.wm_head_fixed{background: #FFFFFF;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);}
.wm_head1{position: absolute;top: 0;left: 0;height: 70px;display: flex;align-items: center;}
.wm_head1 img{vertical-align: middle;}
.wm_head1 img:nth-child(1){display: block;}
.wm_head1 img:nth-child(2){display: none;}
.wm_head_fixed .wm_head1 img:nth-child(1){display: none;}
.wm_head_fixed .wm_head1 img:nth-child(2){display: block;}
.wm_head2{position: absolute;top: 0;right: 0;bottom: 0;text-align: right;}
.wm_head3{display: inline-block;vertical-align: top;line-height: 70px;height: 70px;font-size: 15px;color: #FFFFFF;cursor: pointer;margin-right: 35px;}
/* .wm_head3.act{color: #2F7EFF;} */
.wm_head4{display: inline-block;vertical-align: top;height: 36px;width: 88px;background: #FFFFFF;border-radius: 4px;font-size: 14px;color: #2F7EFF;text-align: center;border: 1px solid #FFFFFF;line-height: 36px;margin-left: 12px;margin-top: 17px;}
.wm_head5{background: transparent;color: #FFFFFF;}
.wm_head_fixed .wm_head4{background: #2F7EFF;color: #FFFFFF;}
.wm_head_fixed .wm_head5{color: #2F7EFF;border-color: #2F7EFF;background: transparent;}
.wm_head_fixed .wm_head3{color: #333333;}
/* .wm_head_fixed .wm_head3.act{color: #2F7EFF;} */

.wm_banner{background-image: linear-gradient(45deg, #3B92FF 0%, #0F6AE6 100%);height: 570px;width: 100%;overflow: hidden;}
.wm_banner1{width: 100%;height: 359px;position: absolute;bottom: 0;left: 0;z-index: 2;pointer-events: none;}
.wm_banner2{position: absolute;top: 70px;left: 0;right: 0;z-index: 1;padding: 30px 0 0;bottom: 0;}
.wm_banner3{position: absolute;top: 120px;left: 0;}
.wm_banner4{font-size: 50px;color: #FFFFFF;margin-bottom: 10px;}
.wm_banner5{font-size: 24px;color: #FFFFFF;}
.wm_banner6{position: absolute;right: 50px;bottom: -30px;}

.wm_box{background: #FFFFFF;}
.wm_box1{background: #F9FAFB;}
.wm_plate1_con{background: #FFFFFF;box-shadow: 0 2px 20px 0 rgba(0,29,75,0.09);border-radius: 8px;height: 120px;position: relative;z-index: 3;margin-top: -60px;}
.wm_plate1_con1{flex: 1;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;}
.wm_plate1_con2{padding: 60px 0 80px;}
.wm_plate1_con3{font-size: 36px;color: #001D4B;margin-bottom: 70px;}
.wm_plate1_con4{justify-content: center;margin-bottom: 90px;}
.wm_plate1_con5{margin: 0 70px;}
.wm_plate1_con6{background: #FFFFFF;box-shadow: 0 2px 20px 0 rgba(109,109,109,0.18);width: 104px;height: 104px;border-radius: 100%;padding: 25px 30px;font-size: 22px;color: #2F7EFF;margin-right: 20px;}
.wm_plate1_con7{background: #FFFFFF;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.06);border-radius: 10px;width: 108px;height: 44px;text-align: center;line-height: 44px;margin: 0 12px 16px 0;font-size: 15px;color: #333333;display: inline-block;}

.wm_plate2_con{width: 220px;height: 300px;margin-right: 25px;position: relative;padding-top: 40px;text-align: center;overflow: hidden;}
.wm_plate2_con:nth-child(5n){margin-right: 0;}
.wm_plate2_con1{font-size: 18px;color: #4D4D4D;margin-top: 45px;}
.wm_plate2_con2{position: absolute;top: 100%;left: 0;right: 0;height: 100%;background: #FFFFFF;border-radius: 10px;padding: 24px 0 0;text-align: center;transition: all ease-out 0.2s;}
.wm_plate2_con3{font-size: 14px;line-height: 23px;color: #666666;}
.wm_plate2_con:hover .wm_plate2_con2{top: 0;}

.wm_box3{background-image: linear-gradient(179deg, #4784F8 0%, #474EF8 100%);height: 640px;}
.wm_system1{display: flex;align-items: flex-start;padding: 0 70px;}
.wm_system2{width: 250px;height: 320px;background: #FFFFFF;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.08);border-radius: 6px;margin-right: 60px;}
.wm_system2:nth-child(4n){margin-right: 0;}
.wm_system3{background: #2F7EFF;width: 26px;height: 4px;display: inline-block;margin: 40px 0 35px;}

.swiper-container-system .swiper-button-next, .swiper-container-system  .swiper-button-prev{width: 46px;height: 46px;border-radius: 100%;}
.swiper-container-system .swiper-button-next{background-image: url(../images/wmindex/swiper_next.png);background-size: 46px 46px;}
.swiper-container-system .swiper-button-prev{background-image: url(../images/wmindex/swiper_prev.png);background-size: 46px 46px;}


.wm_plate3_con{width: 700px;border-bottom: 1px solid #EDEFF1;}
.wm_plate3_con1{flex: 1;font-size: 18px;color: #333333;position: relative;padding-bottom: 12px;text-align: center;cursor: pointer;line-height: 28px;}
.wm_plate3_con1.act{color: #2F7EFF;font-size: 20px;}
.wm_plate3_con1.act::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #2F7EFF;border-radius: 4px;width: 60px;height: 5px;}
.wm_plate3_con2{width: 207px;text-align: center;margin-right: 43px;}
.wm_plate3_con2:last-child{margin-right: 0;}
.wm_plate3_con4{display: inline-block;margin: 50px auto 0;border: 1px solid #2F7EFF;border-radius: 22px;padding: 11px 37px;font-size: 15px;color: #2F7EFF;cursor: pointer;}

.wm_plate4_con{background: #F9FAFB;border-radius: 4px;width: 178px;height: 160px;margin: 0 30px 30px 0;cursor: pointer;text-align: center;padding: 32px 0 0;}
.wm_plate4_con:hover{box-shadow: 0 2px 20px 0 rgba(109,109,109,0.18);}

.idx_guanjia{width: 100%;height: 734px;position: relative;}
.idx_guanjia_bg{width: 100%;height: 734px;}
.new_guanjia_box{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 70px 0 90px;}
.new_page_1140{width: 1140px;margin: 0 auto;min-width: 1140px;text-align: center;}
.new_guanjia_box2{display: inline-block;position: relative;}
.new_guanjia_li{width: 108px;margin-right: 125px;text-align: center;display: inline-block;vertical-align: top;}
.new_guanjia_li:last-child{margin-right: 0;}
.new_guanjia_li1{display: inline-block;width: 100px;height: 100px;border-radius: 100%;text-align: center;line-height: 100px;background: #fff;margin-bottom: 35px;cursor: pointer;}
.new_guanjia_li1:hover{box-shadow: 0 0 15px #bdd5ff;}
.new_guanjia_li1 img{vertical-align: middle;}
.new_guanjia_li2{font-size: 18px;color: #ffffff;}
.new_guanjia_li3{width: 105px;height: 10px;position: absolute;top: 46px;left: 119px;}
.new_guanjia_li3_2{left: 356px;}
.new_guanjia_li3_3{left: 593px;}
.new_guanjia_li3_4{left: 828px;}
.new_guanjia_li3_5{transform: rotate(180deg)}
.new_guanjia_li3_6{width: 123px;height: 132px;position: absolute;top: -81px;right: -26px;}
.new_95_tit{font-size: 40px;text-align: center;color: #333333;margin-bottom: 26px}
.new_95_notice{font-size: 18px;font-size: 18px;text-align: center;margin-bottom: 50px;}
    
.wm_plate5_con{background: #FFFFFF;box-shadow: 0 2px 20px 0 #F1F1F1;border-radius: 8px;width: 330px;height: 212px;padding: 12px 0 0;margin: 0 103px 70px 0;cursor: pointer;text-align: center;}
.wm_plate5_con:nth-child(3n){margin-right: 0;}
.wm_plate5_con:hover{box-shadow: 0 2px 20px 0 #d2d2d2;}

.wm_plate6_con{background: #FFFFFF;box-shadow: 0 0 38px 0 rgba(0,29,75,0.05);border-radius: 8px;position: relative;padding: 34px 0 0 20px;width: 585px;height: 170px;margin-right: 30px;margin-bottom: 30px;}
.wm_plate6_con:nth-child(2n){margin-right: 0;}
.wm_plate6_con:hover{box-shadow: 0 0 38px 0 rgba(0,29,75,0.15);}
.wm_plate6_con1{position: absolute;top: 12px;right: 0;width: 100px;height: 32px;text-align: center;line-height: 32px;border-radius: 16px 0 0 16px;background: #2F7EFF;font-size: 15px;color: #FFFFFF;}
.wm_plate6_con2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 18px;color: #333333;}

.idx_quality{ padding: 65px 0 60px; }
.idx_quality .quality_box{ margin: 70px 10px 48px; }
.idx_quality .quality_box li{ float: left; width: 250px; height: 150px; margin-right: 60px; background: #fff; text-align: center; border-radius: 4px; box-shadow: 0 5px 20px rgba(0,0,0,.1); transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }
.idx_quality .quality_box li:last-child{ margin-right: 0; }
.idx_quality .quality_box li img{ margin: -32px 0 30px; }
.idx_quality .quality_box li p{ font-size: 16px; line-height: 30px; }
.idx_quality .quality_box li p big{ font-size: 20px; }
.idx_quality .quality_box li p .cl1{ color: #20ad20; }
.idx_quality .quality_box li p .cl2{ color: #f39725; }
.idx_quality .quality_box li:hover{ -webkit-transform: translateY(5px);transform: translateY(5px); }


.wmui_banner{width: 100%;height: 600px;background: #F9FAFB url(../images/wmui/ui_banner.png) no-repeat top left;padding: 90px 0 0;background-size: 100% 586px;}
.wmui_banner1{margin: 80px 0 0 70px;font-size: 40px;color: #FFFFFF;}

.wmui_plate_con{margin-top: -210px;}
.wmui_plate_con1{width: 100%;background: #FFFFFF;border: 1px solid #F2F3F6;margin-bottom: 40px;padding: 30px 20px 0;align-items: flex-start;}
.wmui_plate_con2{width: 268px;text-align: center;}
.wmui_plate_con3{width: calc(100% - 278px);display: flex;align-items: flex-start;flex-wrap: wrap;margin-left: 10px;}
.wmui_plate_con4{border: 1px solid #F2F3F6;width: 204px;margin: 0 20px 30px 0;padding: 30px 0 25px;text-align: center;cursor: pointer;background: #FFFFFF;}
.wmui_plate_con4:hover{box-shadow: 0 2px 12px 0 rgba(0,0,0,0.07);}
.wmui_plate_con4:nth-child(4n){margin-right: 0;}



.wmfunc_banner{width: 100%;height: 370px;background-image: linear-gradient(180deg, #3169E0 0%, #685AD6 100%);padding: 76px 0 0;}
.wmfunc_tab{position: absolute;left: 140px;top: 120px;background: #FFFFFF;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);border-radius: 8px;padding: 10px 0;z-index: 2;width: 160px;}
.wmfunc_tab1{height: 60px;text-align: center;line-height: 60px;margin-bottom: 10px;font-size: 16px;color: #001D4B;cursor: pointer;}
.wmfunc_tab1:last-child{margin-bottom: 0;}
.wmfunc_tab1:hover{color: #2295F3;}
.wmfunc_tab1.act{background: #2295F3;color: #FFFFFF;}
.wmfunc_tab_fixed{position: fixed;}

.wmfunc_con{margin-bottom: 40px;}
.wmfunc_con1{font-size: 36px;color: #001D4B;text-align: center;margin-bottom: 40px;}
.wmfunc_con2{background: #FFFFFF;border-radius: 4px;width: 360px;padding: 15px;cursor: pointer;margin: 0 60px 30px 0;min-height: 102px;box-sizing: border-box;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05);transition:all 0.2s ease-in-out;}
.wmfunc_con2:nth-child(3n){margin-right: 0;}
.wmfunc_con2:hover{box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);}
.wmfunc_con3{width: calc(100% - 70px);margin-left: 10px;}
.wmfunc_con4{font-size: 18px;color: #333333;margin-bottom: 5px;}
.wmfunc_con5{font-size: 14px;color: #B3B3B3;}



.wm_footer{background: #23242A;padding: 42px 0 65px;}
.wm_footer1{margin-right: 100px;min-width: 180px;}
.wm_footer1:last-child{margin-right: 0;}
.wm_footer2{font-size: 18px;color: #FFFFFF;padding-bottom: 15px;margin-bottom: 22px;position: relative;}
.wm_footer2::after{content: '';position: absolute;bottom: 0;left: 0;width: 150px;height: 1px;background: rgba(255,255,255,0.2);}
.wm_footer3{display: block;font-size: 14px;color: #888F99;margin-bottom: 12px;cursor: pointer;transition: ease-in-out .2s;}
.wm_footer3:hover{color: #FFFFFF;}
.wm_footer3 span{color: #FFFFFF;}
.wm_footer4{background: #2E3035;padding: 10px 0;font-size: 14px;color: #888F99;text-align: center;}


.systemDemo{ background: #ddf3ff; padding: 90px 0;margin-top:70px; }
.systemDemo .codeBox{ background: #fff; padding: 12px; margin-right: 20px; }
.systemDemo .codeBox img{ width: 140px; height: 140px; }
.systemDemo .codeBox p{ margin: 5px 0 0 0; font-size: 18px; line-height: 30px; color: #666; text-align: center;  }
.systemDemo .downloadBox li{ float: left; margin-left: 90px; }
.systemDemo .downloadBox h3{ width: 118px; line-height: 30px; text-align: center; margin: 0 auto 18px; position: relative; }
.systemDemo .downloadBox h3:after{ content: ''; position: absolute; top: 15px; left: 0; right: 0; height: 1px; background: #3399ff;  }
.systemDemo .downloadBox h3 span{ display: inline-block; padding: 0 10px; background: #ddf3ff; font-size: 20px; color: #3399ff; position: relative; z-index: 1; }
.systemDemo .downloadBox a{ display: block; width: 178px; height: 50px; background-repeat: no-repeat; margin-top: 10px; }
.systemDemo .downloadBox a.btn1{ background-image: url(https://img01.jhcms.com/gw/images/product/waimai/systemDemo_btn1.png); }
.systemDemo .downloadBox a.btn2{ background-image: url(https://img01.jhcms.com/gw/images/product/waimai/systemDemo_btn2.png); }
.systemDemo .downloadBox a.btn3{ background-image: url(https://img01.jhcms.com/gw/images/product/waimai/systemDemo_btn3.png); }