﻿.container_nav .row{padding:40px 0px;}
.container_nav .row .text{width:100%;text-align:center;margin-bottom:17px;}
.container_nav .row .text h4{color:#fff;font-size:28px;}
.container_nav .row .text p{color:#fff;font-size:15px;}
.container_nav .row ul.iconmenubox li{margin:0px 10px;}
.container_nav .row ul.iconmenubox li a i{width:66px;height:66px;border:none;background-color:#fff;background-position:center;background-size:auto;}
.container_nav .row ul.iconmenubox li:hover a i{background-color:#00ad66;}
.container_nav .row ul.iconmenubox li a span{font-size:16px;margin-top:5px;}
.container_nav .row ul.iconmenubox li.li1 a i{background-image:url(../image/01.png);}
.container_nav .row ul.iconmenubox li.li2 a i{background-image:url(../image/02.png);}
.container_nav .row ul.iconmenubox li.li3 a i{background-image:url(../image/03.png);}
.container_nav .row ul.iconmenubox li.li4 a i{background-image:url(../image/04.png);}
.container_nav .row ul.iconmenubox li.li5 a i{background-image:url(../image/05.png);}
.container_nav .row ul.iconmenubox li.li6 a i{background-image:url(../image/06.png);}
.container_nav .row ul.iconmenubox li.li7 a i{background-image:url(../image/07.png);}
.container_nav .row ul.iconmenubox li.li8 a i{background-image:url(../image/08.png);}
.container_nav .row ul.iconmenubox li.li9 a i{background-image:url(../image/09.png);}
.container_nav .row ul.iconmenubox li.li10 a i{background-image:url(../image/10.png);}
.container_nav .row ul.iconmenubox li.li11 a i{background-image:url(../image/11.png);}
.container_nav .row ul.iconmenubox li.li12 a i{background-image:url(../image/12.png);}
.container_nav .row ul.iconmenubox li.li13 a i{background-image:url(../image/13.png);}
.container_nav .row ul.iconmenubox li.li14 a i{background-image:url(../image/14.png);}
.container_nav .row ul.iconmenubox li.li15 a i{background-image:url(../image/15.png);}
.container_nav .row ul.iconmenubox li.li16 a i{background-image:url(404.png);}
.container_nav .row ul.iconmenubox li.li1:hover a i{background-image:url(../image/01_hover.png);}
.container_nav .row ul.iconmenubox li.li2:hover a i{background-image:url(../image/02_hover.png);}
.container_nav .row ul.iconmenubox li.li3:hover a i{background-image:url(../image/03_hover.png);}
.container_nav .row ul.iconmenubox li.li4:hover a i{background-image:url(../image/04_hover.png);}
.container_nav .row ul.iconmenubox li.li5:hover a i{background-image:url(../image/05_hover.png);}
.container_nav .row ul.iconmenubox li.li6:hover a i{background-image:url(../image/06_hover.png);}
.container_nav .row ul.iconmenubox li.li7:hover a i{background-image:url(../image/07_hover.png);}
.container_nav .row ul.iconmenubox li.li8:hover a i{background-image:url(../image/08_hover.png);}
.container_nav .row ul.iconmenubox li.li9:hover a i{background-image:url(../image/09_hover.png);}
.container_nav .row ul.iconmenubox li.li10:hover a i{background-image:url(../image/10_hover.png);}
.container_nav .row ul.iconmenubox li.li11:hover a i{background-image:url(../image/11_hover.png);}
.container_nav .row ul.iconmenubox li.li12:hover a i{background-image:url(../image/12_hover.png);}
.container_nav .row ul.iconmenubox li.li13:hover a i{background-image:url(../image/13_hover.png);}
.container_nav .row ul.iconmenubox li.li14:hover a i{background-image:url(../image/14_hover.png);}
.container_nav .row ul.iconmenubox li.li15:hover a i{background-image:url(../image/15_hover.png);}
.container_nav .row ul.iconmenubox li.li16:hover a i{background-image:url(../image/16_hover.png);}

.wx_nr{max-width:1200px;margin:0 auto;overflow:hidden;}
.wx_nr li{width:33.333333%;float:left;text-align:center;padding:0 40px 40px;box-sizing:border-box;}
.wx_nr li .img{display:inline-block;overflow:hidden;}
.wx_nr li h3{font-size:20px;font-weight:bold;color:#333;padding-top:20px;}
.wx_nr li p{font-size:14px;padding-top:10px;color:#888;}
.wx_lix{border-top:1px solid #e6e6e6;overflow:hidden;margin-top:10px;}
.wx_lix .lixbox{padding:60px 0 30px;overflow:hidden;max-width:1200px;margin:0 auto;}
.wx_lix .lixbox li{width:20%;float:left;text-align:center;padding:0 20px 30px;box-sizing:border-box;}
.wx_lix .lixbox li .img{display:inline-block;overflow:hidden;}
.wx_lix .lixbox li h3{font-size:20px;font-weight:bold;color:#333;padding-top:20px;}
.wx_lix .lixbox li p{font-size:14px;padding-top:10px;}

.wx_hxcn{height:660px;background:url(../image/index_back_02.png) no-repeat center top;}
.wx_hxcn h3{text-align:center;font-size:28px;color:#fff;position:relative;padding-top:60px;z-index:9;}
.wx_hxcn h3 p{font-size:14px;letter-spacing:1px;color:#888;}
.wx_hxcn h3:after{background:url(../image/index2_01.png) no-repeat;width:32px;height:32px;position:absolute;left:47%;top:55px;content:"";z-index:-1;}
.wx_hxcn ul{width:1200px;margin:0 auto;padding-top:20px;margin-top:60px;}
.wx_hxcn ul li{width:171px;float:left;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;padding-bottom:45px;}
.wx_hxcn ul li .pic{width:110px;height:110px;margin:0 auto;background-repeat:no-repeat;background-position:0 0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.wx_hxcn ul li .pic1{background-image:url(../image/index2_07-1.png);}
.wx_hxcn ul li .pic2{background-image:url(../image/index2_10.png);}
.wx_hxcn ul li .pic3{background-image:url(../image/index2_12.png);}
.wx_hxcn ul li .pic4{background-image:url(../image/index2_14.png);}
.wx_hxcn ul li .pic5{background-image:url(../image/index2_16.png);}
.wx_hxcn ul li .pic6{background-image:url(../image/index2_18.png);}
.wx_hxcn ul li .pic7{background-image:url(../image/index2_20.png);}
.wx_hxcn ul li:hover .pic1{background-image:url(../image/index2_07.png);}
.wx_hxcn ul li:hover .pic2{background-image:url(../image/index2_10-1.png);}
.wx_hxcn ul li:hover .pic3{background-image:url(../image/index2_12-1.png);}
.wx_hxcn ul li:hover .pic4{background-image:url(../image/index2_14-1.png);}
.wx_hxcn ul li:hover .pic5{background-image:url(../image/index2_16-1.png);}
.wx_hxcn ul li:hover .pic6{background-image:url(../image/index2_18-1.png);}
.wx_hxcn ul li:hover .pic7{background-image:url(../image/index2_20-1.png);}
.wx_hxcn ul li:hover .pic{margin-top:45px;}
.wx_hxcn ul li:hover{background:#fff;}
.wx_hxcn ul li:hover span{color:#2b90ed;}


.wx_hxcn ul li .box{margin-top:35px;display:flex;justify-content:center;}

.wx_hxcn ul li .box p:first-child{margin-right:3px;line-height:23px;}
.wx_hxcn ul li .box p{line-height:23px;color:#999;writing-mode:vertical-rl;writing-mode:tb-rl;text-align:left;font-size:16px;}
.wx_hxcn ul li .box p span{color:#faba1f;font-size:22px;}

.wechat_banner{height:590px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.wechat_banner .posr{position:relative;height:100%;}
.wechat_banner .posr dl{width:560px;position:absolute;top:180px;color:#333;}
.wechat_banner .posr dl dt{font-size:48px;font-weight:bold;margin-bottom:5px;}
.wechat_banner .posr dl dd{font-size:16px;line-height:28px;}
.wechat_banner .wrap_2 dl,.wechat_banner .wrap_4 dl{color:#fff;}
.wechat_banner .wrap_3 dl{color:#956041;}
.wechat_banner .posr .wechat_img{position:absolute;}
.system_mainbox{margin:70px 0px;}
.system_mian_listbox{width:100%;height:540px;position:relative;}
.index_system_listbox{width:401px;float:left;border:1px solid #c7c7c7;background-color:#fff;margin-left:-1px;position:relative;box-sizing:border-box;}
.index_system_listbg{width:100%;overflow:hidden;margin:0 auto;}
.index_system_iconbox{width:100%;height:160px;background-color:#252d30;padding:20px 0px 4px;}
.index_system_icon{width:76px;height:76px;background:url(../image/price_iconbox.png) no-repeat center top;margin:0 auto;}
.system_icon01{width:100%;height:76px;background:url(404.png) no-repeat center center;display:block;}
.system_icon02{width:100%;height:76px;background:url(../image/price_icon02.png) no-repeat 23px center;display:block;}
.system_icon03{width:100%;height:76px;background:url(../image/price_icon03.png) no-repeat 23px center;display:block;}
.system_icon04{width:100%;height:76px;background:url(../image/price_icon04.png) no-repeat center center;display:block;}
.index_system_title{width:100%;margin-top:12px;text-align:center;position:relative;}
.index_system_title a{font-size:20px;color:#fff;}
.index_system_title a:hover{color:#fff;text-decoration:underline;}
.index_system_title p{font-size:14px;color:#fff;opacity:0.5;margin-top:2px;}
.index_system_title .note_box{width:auto;padding:2px 4px;font-size:12px;color:#fff;background-color:#f1ae1f;position:absolute;top:7px;left:245px;}
.index_system_title .note_box em{display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #f1ae1f;position:absolute;top:3px;left:-7px;}
.index_system_pricebox{width:100%;padding:0 20px;overflow:hidden;margin:0 auto;box-sizing:border-box;}
.index_system_price{width:100%;border-bottom:1px dashed #e5e5e5;height:70px;text-align:center;line-height:70px;}
.index_system_price h2{font-size:36px;letter-spacing:-1;font-weight:bold;color:#00ad66;}
.index_system_price h2 i{font-size:20px;font-weight:normal;}
.system_price_functionbox{width:100%;margin-top:6px;overflow:hidden;}
.system_price_functionbox ul{width:100%;overflow:hidden;padding:15px 0;}
.system_price_functionbox ul li{margin-bottom:15px;float:left;font-size:14px;color:#777;background:url(../image/icon_check.png) no-repeat 20px center;padding-left:40px;width:100px;}
.system_price_functionbox ul li.system_price_function_uncheck{background:url(../image/icon_uncheck.png) no-repeat 20px center;}
.system_price_function_btn{width:auto;height:auto;overflow:hidden;margin:0px 10px 30px;}
.system_price_function_btn a{width:106px;height:32px;border-radius:2px;color:#00ad66;border:1px solid #00ad66;line-height:32px;text-align:center;font-size:16px;display:block;float:left;}
.system_price_function_btn a.system_price_function_btn_r{float:right;}
.system_price_function_btn a:hover{background-color:#00ad66;color:#fff;}
.index_system_listbox:hover{border:2px solid #00ad66;z-index:2;top:-1px;box-shadow:0 0 10px #00ad66;}
.index_system_listbox:hover .index_system_iconbox{background-color:#00ad66;}
.index_system_listbox:hover .index_system_icon{background:url(../image/price_iconbox.png) no-repeat center bottom;}
.index_system_listbox:hover .system_icon01{background:url(404.png) no-repeat center center;}
.index_system_listbox:hover .system_icon02{background:url(404.png) no-repeat 23px center;}
.index_system_listbox:hover .system_icon03{background:url(404.png) no-repeat 23px center;}
.index_system_listbox:hover .system_icon04{background:url(404.png) no-repeat center center;}
.index_system_btn{width:100%;margin-top:50px;overflow:hidden;}
.index_system_btn a{width:228px;height:44px;border-radius:2px;border:1px solid #272727;color:#272727;font-size:20px;text-align:center;line-height:44px;display:block;margin:0 auto;}
.index_system_btn a:hover{background-color:#00ad66;border:1px solid #00ad66;color:#fff;}



@media (max-width:1200px){
    .function_mianbox{padding:0px 20px;}
    .function_mian_listbox ul,.scenarios_mian_listbox ul{margin:0;}
    .function_mian_listbox ul li{width:31.333333%;margin-right:2.5%;}
    .scenarios_mian_listbox ul li{width:31.333333%;margin-right:2.5%;}
    .system_mainbox{padding:0px 20px;margin:30px 0px;}
    .system_mian_listbox{height:auto;}
    .index_system_listbox{width:33.3333333%;}
    .index_system_iconbox{height:auto;}
    .index_system_title a{font-size:18px;}
    .index_system_pricebox{padding:0 10px;}
}
@media (max-width:1200px) and  (min-width:901px){
    .function_mian_listbox ul li:nth-child(3n),.scenarios_mian_listbox ul li:nth-child(3n){margin-right:0;}
}
@media (max-width:900px) and  (min-width:768px){
    .function_mian_listbox ul li{width:48%;margin:0px 0px 25px 0px;}
    .function_mian_listbox ul li:nth-child(2n){float:right;}
    .scenarios_mian_listbox ul li:nth-child(3n){margin-right:0;}
}


@media (max-width:768px){
    .container_nav .row ul.iconmenubox li{margin:0px 10px 10px;}
    .container_nav .row ul.iconmenubox li a i{width:50px;height:50px;background-size:20px auto;}
    .container_nav .row ul.iconmenubox li a span{font-size:14px;}
    .scenarios_mian_listbox ul li{width:31.333333%;margin-right:2.5%;}
    .scenarios_list_textbox{padding:12px 10px;}
    .scenarios_list_text{width:calc(100% - 98px);margin-left:15px;}
    .scenarios_list_text h3{font-size:20px;line-height:20px;margin-bottom:10px;}
    .scenarios_mian_listbox ul li:nth-child(3n){margin-right:0;}
    .wechat_banner{height:auto;}
    .wechat_banner .posr{font-size:0;padding:30px 20px 0px;}
    .wechat_banner .posr dl{position:static;width:60%;display:inline-block;vertical-align:top;padding:20px 5% 0 0;box-sizing:border-box;}
    .wechat_banner:nth-child(2n) .posr dl{padding:20px 0 0 5%}
    .wechat_banner .posr .wechat_img{position:static;width:40%;display:inline-block;vertical-align:bottom;}
    .wechat_banner:nth-child(2n) .posr .wechat_img{float:left;}
    .index_system_title a{font-size:14px;}
    .index_system_pricebox{padding:0 5px;}
    .system_price_function_btn a{width:42%;font-size:14px;}
    .wx_nr{max-width:100%;}
    .wx_nr li{width:100%;float:auto;}
    .wx_hxcn{display:none;}
    .wx_lix .lixbox li{width:100%;float:auto;}
}
@media (max-width:600px){
    .function_mian_listbox ul li{width:100%;margin:0px 0px 25px 0px;}
    .function_mian_list_text{text-align:center;}
    .function_list_icon,.function_list_text{float:none;display:inline-block;vertical-align:middle;text-align:left;}
    .function_list_icon{width:54px;height:54px;}
    .function_list_text{width:calc(100% - 120px);}
    .function_list_text h2{margin:0px 0px 3px;font-size:18px;}
    .scenarios_mian_listbox ul{padding:0px 20px;}
    .scenarios_mian_listbox ul li{width:100%;}
}


@media (max-width:540px){
    .magess_pop .magess_con{width:90%;}
    .wechat_banner .posr dl,.wechat_banner:nth-child(2n) .posr dl{width:100%;padding:20px 0px;}
    .wechat_banner .posr .wechat_img{width:100%;}
    .wechat_banner .posr dl dt{font-size:35px;}
    .section .titlebox h4{font-size:30px;}
    .section .titlebox p{font-size:16px;}
    .index_system_listbox{width:100%;margin-bottom:20px;}
    .system_price_functionbox ul li{background:url(../image/icon_check.png) no-repeat 5px center;padding-left:30px;width:100px;}
    .system_price_functionbox ul li.system_price_function_uncheck{background:url(../image/icon_uncheck.png) no-repeat 5px center;}
    .wechat_solution{display:none;}
    .main_consultbg .main_consultbox .txt h5 strong{font-size:2rem;}
    .main_consultbg .main_consultbox .wen{width:100px;height:100px;}
    .main_consultbg .main_consultbox .txt{margin:0 10px;width:calc(100% - 130px);}
    .main_consultbg .main_consultbox .txt h5{font-size:18px;}
    .main_consultbg .main_consultbox .txt p{font-size:14px;}
    .main_consultbg .main_consultbox .advisory{width:100%;text-align:center;}
    .main_consultbg .main_consultbox .advisory a{width:40%;height:42px;line-height:40px;margin:10px 1%;box-sizing:border-box;}
}