@charset "utf-8";
/*重置属性*/
body,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,dt,dl,dd,th,td,label,button,input,textarea,strong,b{ margin:0;padding:0;}
body{ font:0.24rem "Microsoft Yahei", Helvetica;line-height: 1.5;color:#000;-webkit-text-size-adjust:none; -webkit-tap-highlight-color: transparent;-webkit-user-select:none; max-width: 640px; min-width:320px; margin: 0 auto;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-family: "Microsoft Yahei", Helvetica;}
input{border:none;outline:none;-webkit-appearance: none;border-radius: 0;}
fieldset,img{border:0;}
img{vertical-align: top;border:0;}
ul{list-style:none;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
caption,dfn,em,strong,th,var{font-weight:inherit;font-style:inherit}
th,td{font-weight:400;}
em,i,strong,var{ font-style:normal;}
sup{ vertical-align:text-top;}
sub{ vertical-align:text-bottom;}
textarea{outline:none;-webkit-appearance: none;}
/*css3标签*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
::-webkit-input-placeholder{ color: #aeaeae;}
*{-webkit-tap-highlight-color:transparent}

/* css3媒体查询开发标准 */
html{font-size: 42.6px}
@media screen and (min-width:320px){html{font-size: 42.6px}}
@media screen and (min-width:330px){html{font-size: 44px}}
@media screen and (min-width:360px){html{font-size: 48px}}
@media screen and (min-width:375px){html{font-size: 50px}}
@media screen and (min-width:390px){html{font-size: 52px}}
@media screen and (min-width:414px){html{font-size: 55.2px}}
@media screen and (min-width:420px){html{font-size: 56px}}
@media screen and (min-width:450px){html{font-size: 60px}}
@media screen and (min-width:480px){html{font-size: 64px}}
@media screen and (min-width:750px){html{font-size: 100px} body{ max-width:750px;}}
@media screen and (min-width:850px){html{font-size: 64px} body{ max-width:640px;}}

/*常用样式*/
.clearfix:after{clear:both;display:block;height:0;content:"\200B"}
.content{ margin:auto; min-width:320px; max-width:640px;}
a{text-decoration:none; color:#333; -webkit-tap-highlight-color: transparent;}
a:active, a:focus { outline:none;}
a:active{ background-color:rgba(0,0,0,0.1);}
.pb0{padding-bottom: 0!important}
.pb15{padding-bottom: 0.15rem!important}
.mb10{margin-bottom: 0rem!important}
.bor_ddd,.bor_ddd_all,.bor_ddd_all>*{border-image:url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;border-style:solid;border-width:0;}
.bor_1,.bor_1_all>*{ position:relative;}
.bor_1:before,.bor_1_all>*:before{ position:absolute; content:" "; width:200%; height:200%; border:#ddd solid 1px; border-radius:4px; top:0; left:0; transform:scale(0.5); transform-origin:left top;-webkit-transform:scale(0.5); -webkit-transform-origin:left top; box-sizing:border-box;}

/*erp首页*/
body{
    background: #f1f1f1;
}
.top_hd{
    height: 1rem;
	background: #fff;
	text-align: center;
}
/*
.hd{
    position: fixed;
    height: 1rem;
    background: #fff;
    z-index: 3;
    width: 100%;
    box-shadow: 0 0 6px rgba(0,0,0,0.16);
    top: 0;
    left: 0;
}*/
.hd h1{
    width: 2.32rem;
    height: 1rem;
    background: url(../images/logo.png) no-repeat 0 center;
    background-size: 2.32rem 0.84rem;
    text-indent: -9999em;
	margin: 0 auto
}
.hd h1 a{
    display: block;
    height: 1rem;
}
.hd_right{
    color: #f77304;
    float: right;
    font-size: 0.24rem;
    height: 0.3rem;
    line-height: 0.3rem;
    padding: 0.35rem 0.3rem 0.35rem 0;
    overflow: hidden;
}
.hd_right a{
    color: #f77304;
}
.hd_right span{
    display: inline-block;
    position: relative;
    margin-right: 0.5rem;
}
.hd_right i{
    display: inline-block;
    height:0.3rem;
    margin-right: 0.1rem;
    vertical-align:middle;
    background-size: 100% 100%;
}
@-webkit-keyframes tel {
    0% {
        -webkit-transform: rotate(0)
    }

    7% {
        -webkit-transform: rotate(-18deg)
    }

    18% {
        -webkit-transform: rotate(18deg)
    }

    25% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(0)
    }
}

@-webkit-keyframes xinxi {
    0% {
        -webkit-transform: rotate(0)
    }

    70% {
        -webkit-transform: rotate(0)
    }

    77% {
        -webkit-transform: rotate(-18deg)
    }

    88% {
        -webkit-transform: rotate(18deg)
    }

    95% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(0)
    }
}


/**banner**/
.banner {
    width: 100%;
    height: 3.5rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 0rem;
}
.swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.erp_case{
    padding:0 0 0.2rem 0.3rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.erp_case li{
    width: 4.2rem;
}
.erp_case .case_main{
    border:1px solid #e6e6e6;
    border-radius:4px;
    margin-right: 0.48rem;
    height: 6.66rem;
}
.erp_case .case_logo{
    display:block;
    border-bottom:1px solid #e6e6e6;
    height:1.22rem;
    margin-bottom: 0.32rem;
    text-align: center;
}
.erp_case .case_logo img{
    max-height: 1.22rem
}
.erp_case .case_info{
    text-align: left;
    padding:0 0.35rem;
    overflow:hidden
}
.erp_case .case_desc{
    font-size: 0.26rem;
    line-height:0.48rem;
    height:3.36rem;
    overflow:hidden;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:7;
    margin-bottom: 0.52rem;
}
.erp_case .case_boss{
    font-weight: 700;
    font-size:0.32rem;
    margin-bottom:0.16rem;
}
.erp_case .case_tag span{
    color: #666;
    font-size:0.24rem;
    margin-right:10px
}

.swiper-wrapper li{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    font-size: 0.26rem;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
}
.banner li img{
    width: 100%;
}
.banner_pagination{
    position: absolute;
    bottom: 0.2rem;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}
.banner_pagination span{
    width: 0.16rem;
    height: 0.16rem;
    display: inline-block;
    border-radius: 100%;
    background: #f1f1f1;
    opacity: .6;
    margin: 0 0.05rem;
}
.banner_pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f77304;
}

/*erp_item*/
.erp_features{
    background: #fff;
    padding-top:0.24rem;
    height: 0.42rem
}
.erp_features p{
    width: 4.4rem;
    line-height: 0.42rem;
    margin:0 auto;
    overflow: hidden;
    text-align: center;
    font-weight: 700;
    font-size: 0.36rem;
    position: relative;
}
.erp_features p:before {
    content: '';
    width: 0.72rem;
    border-top: 1px solid #ecf0fc;
    position: absolute;
    left: 0;
    bottom: 0.22rem;
}
.erp_features p:after {
    content: '';
    width: 0.72rem;
    border-top: 1px solid #ecf0fc;
    position: absolute;
    right: 0;
    bottom: 0.22rem;
}
.erp_features p span{
    color: #fc813e
}
.erp_item{
    clear: both;
    background: #fff;
    padding-bottom: 0.38rem;
    overflow: hidden;
}
.item_bg{
    background: #f4f9fc;
}
.item_hd{
    padding-top: 0.4rem;
    text-align: center;
    overflow: hidden;
}
.item_hd strong,.item_hd b{
    font-weight: 700;
    font-size: 0.36rem;
    display: block;
    line-height: 0.6rem;
}
.item_hd b{
    color: #4c7ae9;
    font-weight: 400;
}
.item_hd p{
    color: #999;
    font-size: 0.24rem;
    line-height: 0.4rem;
    text-align: center;
    padding-bottom: 0.56rem;
    overflow: hidden;
}
.item_hd h3{
    font-size: 0.36rem;
    line-height: 0.54rem;
    padding-bottom: 0.54rem
}
.item_pic{
    min-height: 2.27rem;
    overflow: hidden;
    text-align:center
}
.item_pic img{
    width: 7.5rem;
}
.item_pic_1{
    padding: 0 0.14rem;
}
.item_pic_1 img{
    width: 7.22rem;
}

.cncn_erp{
    padding-left: 0.3rem;
    overflow: hidden;
}
.cncn_erp li{
    font-size: 0.32rem;
    height: 1rem;
    line-height: 0.52rem;
    padding:0.35rem 0.3rem 0.35rem 0;
    border-image:url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    border-style:solid;
    border-width:0;
    border-bottom-width: 1px;
    overflow: hidden;
    position: relative;
}
.cncn_erp li:after {
    content: '';
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.1rem;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cncn_erp li:last-child{
     border-bottom-width: 0;
}
.cncn_erp li a{
    display: block;
}
.cncn_erp li i{
    background: url(../images/icon_erp_index.png) no-repeat;
    background-size: 1rem 5.4rem;
    float: left;
    border-radius: 50%;
    width: 1rem;
    height:1rem;
    margin-right: 0.3rem
}
.cncn_erp li p{
    color: #666;
    font-size: 0.26rem;
    line-height: 0.48rem;
    text-align: left;
}
.cncn_erp .ico_zxb{
    background-position: 0 -1.1rem;
}
.cncn_erp .ico_ztb{
    background-position: 0 0;
}
.cncn_erp .ico_djb{
    background-position: 0 -4.4rem;
}
.cncn_erp .ico_zhb{
    background-position: 0 -2.2rem;
}
.cncn_erp .ico_dzb{
   background-position: 0 -3.3rem;
}
.contract_pic img{
    width: 100%;
}

.cncn_about{
    background: url(../images/bg_about.jpg) no-repeat 0 center #5781e9;
    background-size:100% 100%;
    height: 4.14rem;
    width: 100%;
    padding: 0;
    text-align: center;
}
.cncn_about h4{
    color: #fff;
    font-weight: 400;
    font-size: 0.36rem;
    line-height: 0.72rem;
    margin-bottom: 1.9rem;
}
.cncn_about a{
    color: #fff;
    display: inline-block;
    border:1px solid #fff;
    border-radius: 0.34rem;
    font-size: 0.28rem;
    line-height: 0.7rem;
    width: 2.96rem;
}

.footer {
    background: #42464f;
    color: #999;
    text-align:center;
    font-size: 0.24rem;
    line-height: 0.56rem;
    padding: 0.18rem 0 0.26rem;
    overflow: hidden;
}
.footer p{
    color:rgba(153, 153, 153, 0.5);
    font-size: 0.2rem;
    line-height: 0.42rem
}

/*choose_us */
.choose_us .item_hd{
    background: url(../images/bg_choose_us.png) no-repeat 1.56rem 0.46rem;
    background-size: 4.1rem 0.36rem
}
.choose_us .item_hd h3{
    padding-bottom: 0.36rem;
}
.choose_list{
    margin:0 0.3rem;
    padding-bottom: 0.2rem;
    overflow: hidden;
}
.choose_list li{
    background: #fff;
    border-left: 0.1rem solid #e8b110;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    min-height: 1.9rem;
    margin-bottom: 0.3rem;
    padding: 0 0.3rem;
    overflow: hidden;
}
.choose_list li div{
    color: #e8b110;
    font-size: 0.3rem;
    padding-top:0.1rem;
    line-height: 0.8rem;
}
.choose_list li p{
    color: #666;
    font-size: 0.26rem;
    line-height: 0.36rem;
    /*display: -webkit-box;
    display: -moz-box;
    overflow: hidden;*/
    text-overflow: ellipsis;
    word-wrap:break-word;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    margin-bottom:0.2rem;
}
.choose_list .color_2{
    border-left-color: #ff687f;
}
.choose_list .color_2 div{
    color: #ff687f;
}
.choose_list .color_3{
    border-left-color: #8d76fe;
}
.choose_list .color_3 div{
    color: #8d76fe;
}
.choose_list .color_4{
    border-left-color: #eb42ff;
}
.choose_list .color_4 div{
    color: #eb42ff;
}
.choose_list .color_5{
    border-left-color: #377eff;
}
.choose_list .color_5 div{
    color: #377eff;
}

.choose_dingzhi li{
    height: 1.6rem;
    border-left: 0.1rem solid #fdbd03;
}
.choose_dingzhi li span{
    float: left;
    height: 1.6rem;
    width: 1.02rem;
    padding-left: 0.12rem;
    overflow: hidden;
    display: box;
    display: -webkit-box;
    -webkit-box-align: center;
    box-sizing: border-box;
}
.choose_dingzhi li i{
    display: inline-block;
    vertical-align: middle;
    height:0.59rem;
    width:0.63rem;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA7CAYAAADMzlLJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAARTSURBVGhD3VoxctwwDNRI16RNlzqd6/Tp84N8IV/ID/wDf8C9K6eQ7MmMJy/IA1y7Tpc7OYR80oEgJQAkqNPFM9eYJAiAxGIBqqqUf/3D7vOhbW4PXX2/ld++rb+/PlY7pSm66fuH+tuha163+HMO+K2zRjG7/1l92KLRnk5tc6MwST7VefZp2sht0nfVx7P/3IEMYYhuY/+4+yS3SjBz39Vf8QaCJatOweG4b5sXs837X9U7bPjfrvliJtxQkDP6edQTANBE9BuyjyBX35sILSCkb6sr7/q7kMjaBuLHE/ijep8lsPBid1A36PSfsraD+JmEuTSXJSyyGELKUibkenxYgFVJ8iFuTl5snpOELCyC7LHvmj+A1payAZOwA9TkB1KYd91dPFkqSMmSpWyQ9cY8jzilzf3AltDia0vlaPaAfczQ+aho77ApKffjnA7X0tLw4VS87HGiyqCw5V7q3E9PxToecToawBQ7oq3vLI0HWarcX16ZUziNSJx0PYVeEuf+gCNbX0NEkTEFJdfTPKuIcj/Ed8mc7p0wSW/e9SzAJxZzv/PONWJG5nUxkR8wr4BJGpMfmvsnchXEhcvxwpASTaN9AOAQsYUHB3jJuVmgCcn9t8MS8k/TnK6RL3WSwM7olCD3A3FDFNauDh7JBmk0cFTTp9R1XmEScYEPrq7snYwHnm0ca15hJCwyMPBa9w6Ic53xiGhYNgFTUxgGJ0uGSbtRA/bQWIC8mBpX47qAKSr7ari2sOD9FNThYCYbaarxBhM8gYkFoLhWRJCBMggXHAQOJbjpgT7BtUiss4NyOFFx34ERhYUexV1nIFOzyzAZASBMqbT8zdIbibmhc6wgJ/I22MP19YjyKrZnDVapoDlUdKTdLqpQRTEyc3dKpCmP9wvT5SLAceGSshjn0BSQm9OJ6sIRpcjh6bOX5tpQkBtSlUP5oUmZ+fM4P/TlXBG2dHg5YevJDQBwBjDovNIPmnOn72WIRMD2HCBJFQAmmMoWNX6GhAU3VUmsorcJvMySBLcS5kEqKfqb4QzWJM1zRCSmbR4COeQVjJeg5ywDtK64BHZGp5A6QMVLVHtKAVAlNGOyOcBxuuDOzyJX5gRljtMnL/MvMmL6DQCIXm8tCY3UHwHACZmfVP7ivHMC4CoAx3mJtoPXAkACcOZ9Ps7uadzj85KSUSw5PjEAOOOeo1o9AoDmHeBRobMAnMQbPrW1/2iJviMmf24iMUY7hz44WDQdRx0iAGf+sKK1N5hfCgA3A3CchwIAzHz3894UCjyqcPaox6nCXOdlboMA4Iw/ilIbJl1APgdR5+JNAxznhODzdKb1hOXlrOX0Wm089fRyb81qBnIbaePWCi84vVYblyK2daZYzUBuI+4qp4YIt+8mxpdY2n8BcJyX6emOJTC+FVAkcXIudpwCoB8OzUsqIboYh9CafHzgmPtE7WIMkyoKyD4+hMCLEDxGStdazvsHfEQiWePqG8YAAAAASUVORK5CYII=) no-repeat;
        background-size: 100% 100%;
}
.choose_dingzhi li p{
    line-height: 0.44rem;
    margin-top: 0.36rem;
}
.choose_dingzhi li:nth-child(2){
    border-left-color: #5e97fe;
}
.choose_dingzhi li:nth-child(2) i{
    height:0.52rem;
    width:0.65rem;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAA0CAYAAADVGFU3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAUdSURBVGhD7Vo7ktNAEN2MA3ABckJCUk5AutgbE5CSbu4ICsrmAMQcYPM9wGabcwAugGT6tUZyd8+M5iNZMlWmSlWUV6Pp7+vuN3Nzs/C/zY/2/Wbf/Nwcmid6/rjniX77stkf3y0szrLb3R3a2+2++b09tMexB8ahd98uK90Cu5Fie1/x5pm8/4sM8xAyzodD+3kB0ZbZAqGvDdDs7g7HV3b3u/3xjffuvv24jJRn3IVTQIR/TpjbNdvv7eszinjeT3/62r5QBiBP5+64pQg4rW2ec9dd3HtSESB/qYDbQ/PYGwKpUrr+It6XSmy+tS9LhUK5FNGwK12/+vucCvvmb6dEXTjDcMIIj6srBQGA6AA2eCgVnnh3UIBKYK0Cp9KZNiT2hGwcQXODaac41XPT5KDTo7y/Dyk4lxF4j0Q0oQOVqScBFZWm1gHDOo3SsU6Pmh6T8zIdoEiNIMqQBJKhbwBwkx0oObBmf17TWVgozi1vs0Mn50UG/c1uNBXdTZn0gBFRKOVDu43fIB93oUJ2yFtsCFvjobynJOXdKVzJWCY1jBLFwCa/bTEIOa8d5HeWSGNlCHJqkSFMjY9aUYdse4Tx+o2sIUtmAdk+w8NWeDWLRHCJo1mU2dB3Ro2iwj2BtFJg2xZ7LfCIwBAIhvPmh8D+Q9WgMpzyLkp0HxFF/Qrnl8up5CaixQ2hsT9BklBYQ8qx0gSqCHfGmqEaOCwKDFAywnK8K/dPlXala0m3JwEKYFqE4kNDFag8kQlSNWIBQPZSR5T30PQadbIqPYlxVnIBY5twtckgVeCAlMdyK4+JmrJSDSEU+kZwAVWjtLVleo1JFhqQYJSu9NKwBJ4hj1FSWEPrJSBLz8pSWTPEEbKaLpEiAp7Ghq6L1GTJ3K1qAoxUVJEhYBhunQljnKEHXIOjikBR7i0BUswCbjCSjVSYAeIhiIwDo3kPog31Hn+n/4fewd9iwnN5HsMU1SxNIHCDJUt+HGyxAUNWjEph0IAJkjXeAiN12nuLOc4Qqjs0VN5zboqlquANYwTa1I4UfUAtR/jZ5ihMqI6zy6neP0DQ7iwGdE0R4VMvH2FOrFIlla19gcPW1nh4HQaDQLWPO5/wDAEwPTcGuTy+7YYRRMDpkb8N/zcpgmaoGogCnmAjByZGNi4f2ow8qERIT0rbWBVRW/LQYSawknBFmmRtVBlyTMuHIi4Ta7B2dIZhr2Z+LPxeeOav1DfeyKEETjCEI2kePWf55An39xxCsceb5yvI1FoD2VGa545xWT/6ES6cZsfhGGXm8QmC1JiFxiq0iBmns06qNIPNHEi3TneGPnkSkm0O+qxQZ+916bwSCk+NBNRscVoMs3YBFyg/VNWTT7WAW587vHmTpTgg5usAgxEKTokk/7hGKvRKySgu6QwV9QaipzdCCf0lp7g1L1YoGq6AQ9TAShBQYwQTCatdqDDUXvYZgzJCbSRII/z3kXA1gjsqmJoO10gAY7PijbNZgPGaDtd06K4SXiPBGGEYJjJaWtlxXQomlHSM6pxURkJHjDa7FBU2cHmOe7gUI3Sjclp+x0KdLp1II9QSKhdjhEpCiAfAWuVPg9cETj8j9cZe8W/LljPbPADyqXDocCT2W0+/X1w60LlE5BAnpt8kxloCYwkgTXS8t3zsbsTce/mbi/tMqRPkcwpT2zHOIpO61EUHIagsazzyLHJxcse7hlOJzFNBedLFrKnhwMff/ZUenAyv9fTGpx5hyqHPPyNPk4XKTIThAAAAAElFTkSuQmCC) no-repeat;
        background-size: 100% 100%;
}
.choose_dingzhi li:nth-child(3){
    border-left-color: #ff687f;
}
.choose_dingzhi li:nth-child(3) i{
    height:0.66rem;
    width:0.58rem;
    background:url(data:image/png;base64,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) no-repeat;
        background-size: 100% 100%;
}
.choose_dingzhi li:nth-child(4){
    border-left-color: #8d76fe;
}
.choose_dingzhi li:nth-child(4) i{
    height:0.58rem;
    width:0.58rem;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKvSURBVGhD7ZvNVcMwDIBZgB0YgjFYgTFcrlx5tPA4sUOP3Bmgk/Teu1OsuE0dR2kS/dhxSd/LqXGsz7JkS5bv7q78Pkz1uDH21T2/m5U9JHj2a1M9XZNJ9D/ozENVxxzPm6nuRYGwj62N/ckBF/apDnpdi9ZNK7vTfMBEwFxUtQkAsSZBu+odq1JFH/c22bbHpE4hFey/gKyXkECbMF1TDXDSfup1MgD9fDk+JBVAobN3Uz2DY2uZX+yEFPpN+smNqQyquNaS4kYhqVTCncWQANzM0PbaabfCfSf7HAYJZtkIcAugg5BAWzroKMjSQTHI9cp+o/ZSqkYnQZaq0cmQJYKSIEsDJUOWBMqCLAWUDckFhchHOzAXgeSAhlFP79rF3ACKQbJAo4wEhEZMrlZzCUgfrlWmTrZRNwxY+kVqGotBBsogg8Lww5SN0zDcVKUE5GmmbkPZWKCnD+5jWOoURjfoK1ro6BIKXxe57IENChrE0qRTYVFNMvJX4qAABFF8J7vvnMBYWGnI2qykNXqGqT1c5InHOCesnXOQ7EyHGijFOWGQUulWVdApzklLk+cZpg7a45x2ob1qajIZ6JBzws955E8H1DV6GdHuwZU/OY8Pl/mOB/PuyUC7Lr57ei7leLKD9jkn0KompOo62rc5kNo5jd18JHVGsVDhzgkOtaYKTXk/qY2GAvptnt1ThKa0yQZKEZbTZgH165vOmsbRDLXtotFFo9S5k7ndMnVvfuq2y29ctuxGfp2yorigipuXncs4darh4hK5VsnKXKSeKEecwWgqyOJguOQyOSxaasYJS2+UCItBdg6/sMJkeKkEmwUZe3JReEjYX2put/62hAu1ZvVAZaqTDb3kMLCCzOHyAPfywug0Te7rIBxQUol8hgs+0y8RQQrVmdXQOc8fkV1gxCfVjC0AAAAASUVORK5CYII=) no-repeat;
        background-size: 100% 100%;
}

/*version_desc*/
.version_desc{
    margin: 0.2rem 0;
}
.version_item{
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.version_hd{
    background-image:-webkit-linear-gradient(to right, #f8d15e, #ffa209);
    background-image:linear-gradient(to right, #f8d15e, #ffa209);
    color: #fff;
    height: 1.98rem;
    display: box;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    box-sizing: border-box;
    text-align: center;
}
.version_hd i{
    background-image:url(/static/asset/m/img/icon_features.png);
    background-repeat: no-repeat;
    background-size: 0.92rem 10.04rem;
    border-radius: 50%;
    display: inline-block;
    width: 0.92rem;
    height: 0.92rem;
    overflow: hidden;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.version_hd .ico_features_2{
    background-position: 0 -1rem;
}
.version_hd .ico_features_3{
    background-position: 0 -2rem;
}
.version_hd .ico_features_4{
    background-position: 0 -3rem;
}
.version_hd .ico_features_5{
    background-position: 0 -4rem;
}
.version_hd .ico_features_6{
    background-position: 0 -5rem;
}
.version_hd .ico_features_7{
    background-position: 0 -6rem;
}
.version_hd .ico_features_8{
    background-position: 0 -7rem;
}
.version_hd .ico_features_9{
    background-position: 0 -8rem;
}
.version_hd .ico_features_10{
    background-position: 0 -9rem;
}
.version_bd{
    background: #fff;
    height: 1.26rem;
    padding:0 0.2rem;
    text-align: left;
}
.version_bd p{
    color: #666;
    font-size: 0.22rem;
    line-height: 0.36rem;
    padding-top:0.28rem;
    word-wrap:break-word;
    word-break:break-all;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}
.version_desc .swiper-wrapper .swiper-slide{
    background-position: center;
    background-size: cover;
    width: 3.58rem;
    height: 4.2rem;
}
.version_desc .swiper-slide-active .version_item{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
}
.version_desc .swiper-slide-active .version_hd{
    height: 2.4rem;
    font-size: 0.32rem;
}
.version_desc .swiper-slide-active .version_hd i{
    background-size:1.1rem 12rem;
    width: 1.1rem;
    height: 1.1rem;
}
.version_desc .swiper-slide-active .version_bd{
    height: 1.8rem;
    display: -webkit-box;
    -webkit-box-align: center;
    box-sizing: border-box;
}
.version_desc .swiper-slide-active .version_bd p{
    color: #333;
    font-size: 0.26rem;
    line-height: 0.44rem;
    padding-top: 0;
    -webkit-line-clamp: 3;
}
.version_desc .swiper-slide-active .version_hd .ico_features_2{
    background-position: 0 -1.2rem;
}
.version_desc .swiper-slide-active .version_hd .ico_features_3{
    background-position: 0 -2.4rem;
}
.version_desc .swiper-slide-active .version_hd .ico_features_4{
    background-position: 0 -3.6rem;
}
.version_desc .swiper-slide-active .version_hd .ico_features_5{
    background-position: 0 -4.8rem;
}
.version_desc .swiper-slide-active .version_hd .ico_features_6{
    background-position: 0 -6rem;
}
.version_desc .swiper-slide-active .version_hd .ico_features_7{
    background-position: 0 -7.2rem;
}
.version_desc .swiper-slide-active .version_hd .ico_features_8{
    background-position: 0 -8.4rem;
}
.version_desc .swiper-slide-active .version_hd .ico_features_9{
    background-position: 0 -9.6rem;
}
.version_desc .swiper-slide-active .version_hd .ico_features_10{
    background-position: 0 -10.8rem;
}
.version_desc .features_2 .version_hd{
    background-image:-webkit-linear-gradient(to right, #ff62a9, #ff687a);
    background-image:linear-gradient(to right,#ff62a9, #ff687a);
}
.version_desc .features_3 .version_hd{
    background-image:-webkit-linear-gradient(to right, #fec724, #ffa008);
    background-image:linear-gradient(to right, #fec724, #ffa008);
}
.version_desc .features_4 .version_hd{
    background-image:-webkit-linear-gradient(to right, #00daff, #04befe);
    background-image:linear-gradient(to right, #00daff, #04befe);
}
.version_desc .features_5 .version_hd{
    background-image:-webkit-linear-gradient(to right, #ba91ff, #8f77fc);
    background-image:linear-gradient(to right, #ba91ff, #8f77fc);
}
.version_desc .features_6 .version_hd{
    background-image:-webkit-linear-gradient(to right, #0fa9ff, #4386ff);
    background-image:linear-gradient(to right, #0fa9ff, #4386ff);
}
.version_desc .features_7 .version_hd{
    background-image:-webkit-linear-gradient(to right, #00d9ff, #04bffe);
    background-image:linear-gradient(to right, #00d9ff, #04bffe);
}
.version_desc .features_8 .version_hd{
    background-image:-webkit-linear-gradient(to right, #fc7ddb , #ec4bf9);
    background-image:linear-gradient(to right, #fc7ddb , #ec4bf9);
}
.version_desc .features_9 .version_hd{
    background-image:-webkit-linear-gradient(to right, #fc7ddb, #eb3cfa);
    background-image:linear-gradient(to right, #fc7ddb, #eb3cfa);
}
.version_desc .features_10 .version_hd{
    background-image:-webkit-linear-gradient(to right, #42e5e9, #25e5c4);
    background-image:linear-gradient(to right, #42e5e9, #25e5c4);
}

/*erp_exclusive*/
.erp_exclusive{
    margin:0.4rem 0.3rem 0.08rem;
    border-radius: 4px;
    overflow: hidden;
}
.exclusive_hd{
    background:url(/static/asset/m/img/bg_exclusive_hd.png) no-repeat right center #fdd669;
    background-size: 2.76rem 1.46rem;
    height: 1.46rem;
    padding-left:0.3rem;
    display: -webkit-box;
    -webkit-box-align: center;
    box-sizing: border-box;
}
.exclusive_hd img{
    border-radius: 50%;
    width: 1.04rem;
    height: 1.04rem;
    margin-right: 0.2rem;
}
.exclusive_hd div b{
    color: #7a4807;
    font-size: 0.32rem;
}
.exclusive_hd div p{
    color: #b27c1e;
    font-size: 0.24rem
}
.exclusive_bd{
    border-image:url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    border-style:solid;
    border-width:1px;
    border-top-width: 0;
    text-align: center;
    padding: 0.38rem 0 0.46rem;
    overflow: hidden;
}
.exclusive_bd p{
    color: #666;
    font-size: 0.26rem;
    text-align: left;
    padding:0 0.3rem;
    line-height: 0.44rem;
    margin-bottom:0.34rem;
}
.exclusive_bd a{
    background-image:-webkit-linear-gradient(to right, #35c1f5, #4b7de9);
    background-image:linear-gradient(to right, #35c1f5, #4b7de9);
    border-radius: 0.44rem;
    color: #fff;
    display: inline-block;
    width: 4.5rem;
    font-size: 0.34rem;
    line-height: 0.9rem;
}
.fixed_btn{
    position: fixed;
    right: 0.3rem;
    bottom: 0;
    z-index: 99;
}
.fixed_btn li{
    width: 1.1rem;
    height: 1.1rem;
    width: 1.1rem;
    height: 1.1rem;
    font-size: 0.22rem;
    border-radius: 50%;
	margin-bottom: 0.3rem;
    color: #fff;
	position: relative;
    display: box;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    box-sizing: border-box;
    text-align: center;
}
.fixed_btn li a{
    color: #fff;
    line-height: 0.24rem;
    font-weight: 700;
    font-size: 0.28rem
}
.fixed_btn .erp{
	background: #6e4fee;
	box-shadow: 0px 0 16px rgba(110, 79, 238, 0.58);
}
.fixed_btn .yushou_qq{
    background: #0d9ef9;
    box-shadow: 0px 0 16px rgba(13, 158, 249, 0.58);
}
.fixed_btn .qq{
	background: #fa8e30;
	box-shadow: 0px 0 16px rgba(255, 143, 45, 0.58);
}
.fixed_btn .tel{
	background: #ff2f64;
	box-shadow: 0px 0 16px rgba(239, 61, 61, 0.58);
}
.fixed_btn li i{
	display: inline-block;
	vertical-align: middle;
}
.fixed_btn li .ico_zx {
 height:0.62rem;width:0.52rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA+CAYAAABk4ziNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALJSURBVGhD7VoLccMwDA2EQiiEQiiEQCiEQQiEQSiEQSiFMRiFEWin1ylZ4tmRZTuO0tZ3vnVnWX9bH6dpFhi3221Ps6XZ8TzTX8z+f6ztFyBdDiUxeLher+80v+h31AAs9mBvOU4yMREzR5qXKAnmgYDjmMlO+nYivmM3KiDLBAVcc5fOWcJOaJJc5bu0JD0+xl3HWkT0tJQgHrynBH3Hb6ksTC/fMkLxNVzROBNSbbzaIyARM5Y8M5KWmHa5uFXoWpb4ltYvEbqXQVY6NyHh8s+TJvJLKs5dBy+yCWYgjFkn/9YjjXzkarX0fvCUZCVObUrzUwqfPjVaOe5IguvjEqf1EuK11ju12xmJPSGF6WPSIwq0ljuJdJEKpbiciHhNgJdAa2o/hvbzWoi0g3bUYv2CGO3HwDCPcjyylF3HCEYw4cIPi5FIzICRAd6C58l4/uZV4mz2TTvQe97aCKdBJEnNnlsRxYn1EQF8FqFUAQnfdIe5M3SowEdpErMClXhFKM2whM9/hrZ4fkaS/q9gNxhQB3n+tbe2GH88fngcLgeL7Srp4Ljrw/VNC3iJe5Sxax7E3XqDtI3xdpXWczpYaIuxJyTo5SWQ1gcqwz+JhZBxW84cmD9fVXC30KSo6x9oUdpWdhcNOdRtvofs+y03lAzj+sJ4wL2/D4F3p0P1W0rAGhyPJh0U2oDvbqyN87igY0vhK7Bws6TfAGBL0rA19K93jgYsNU7kxqLUI8ZZsnDjca8jzzoj11u1PSw2QySrOC7XGrEQPv38K+I0QowsY/GWO6XIYr1O0lvKclkhdkt9JrQsEHhTu52b4xkLsHJW4ErM8cdcnxvxSG2d0S2HoJrzRRbK+w44GA+yjuSSn/PN/ODKGfnZyWy9XsgxC4xPEt1AQonYMjuYJsJHEF+yxbARwY0m6hEwPZ4tBNciZ2Vhr4sPNNT4fgC57g0TqWVkoQAAAABJRU5ErkJggg==) no-repeat;
	background-size: 100% 100%;
}
.fixed_btn li .ico_tel {	height:0.53rem;width:0.54rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA1CAYAAAAK0RhzAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAN0SURBVGhD1VohaGNBEC0cFRWFg0JE1Zkz54+qs3E1MXWFwsHZ2rhC1JlAzcmoiMgzlVGFqppSiAkVFRUVB6VQdZDce2VS0n/J35md/ezmw5KQPzP73u7s7MxutrYUz2w2a6P9ns/nT/h8wec1Pr/jc1uhXp4IwH9BuwSBlQ/e3VCmPOQ1iAD4SGZnHa/X3yHzB+1gI8gB6M9aNv+/pIt+LpYc8H4AwIGR1GLmpvjysUhyIPUrhtRCB/rD4ohJlPPwWsxcpxhyQPRJEyg0rGHnAW23CHIAMtKA1sow+GQnxmiG9lcLWiPH2Ufbz0oOAHoasFYZBqLcxK6soDXy9IKss8bMQQM0UuYs26ylXl/LAwDbVzmJ3UfORlCNSXJOYixHGnlA7DwnsR9NsAKpe7RWTmKtBtbZNbOZbKQWHYNYKndk+XLKKiE7KQIAmEOPO0p+2C2ybAG42xhy0OMaLffsAwCPrcSgMy3C5epAcNQJ1EJOgk7+IBEaXQDtWIhRFjqDkN0i3gPo2uO2VaQl2f1WBPg6EAD61bqvyWZcRtUcIHce4ZKjTZi1Xc5CBLneJpBrW4lJMDneBHLmc0YJJkcecrL1dFgdoPUlWqdLAmBwJyYjEXJR54tMy1igVr2FeyxTP8+AvdOFMd648OrI9Ai5EysQ6F3UdYT3Q7Q9q92V8jB0YmK1JAzdrhaEth/IPaK1tXZr5ejvDnIc5Z3AFkO3f7D0AXneCvnWnizosaXjZVmuVbr1OnJ4xzrO/EBv7HZNWdg35t5FgesOX8+qoyxB6tFh965u0FQuCwP7jFCxIGSvm8DGW36J7+7TaNjw36wCHG9nzJlJxTV5Usy1N/QMUsUm7wx818YwwMuMu1SgUtmRiOm7EBG3jF5zqchU7QCXv0aUgBIdLZsgx1lTBYyQkES1ZGvFSxZ4XkKYTe+5F0lI92Jz6QPDxARcI8wwbs0gXCxWKKP/vgarWQaGeWye6nTZxFs8ptmTM3TC5PnJhMwpzM3ePBMxCrKZ15YiTi5v6iDFOs6XFFtJolP+6cyUvVsIM1ngErDiSiKPjnlI1EN7toAOycIec9dm15VmBCS48DzD/f8Sul+2mVpHVtYfCcYePfSZHGgGM4uMpGUsNHkTGnxAhv9sLf9YfXk0AZhVQxeNlTH/cMbyhuUIT6kGaKqzjn9097yu8ddcuwAAAABJRU5ErkJggg==) no-repeat;
	background-size: 100% 100%;
        -webkit-animation: tel 1.8s ease-in-out infinite
}
.fixed_btn li iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    height: 0.3rem
}
.fixed_btn .notify{
	position: absolute;
	top: 0.2rem;
    left: 0.7rem;
	width: 0.2rem;
	height: 0.2rem;
}
.fixed_btn .notify .heartbit {
  position: absolute;
  top: -0.16rem;
  right: -0.16rem;
  height: 0.4rem;
  width: 0.4rem;
  z-index: 10;
  border: 0.06rem solid #f33155;
  border-radius: 50%;
  -moz-animation: heartbit 1s ease-out;
  -moz-animation-iteration-count: infinite;
  -o-animation: heartbit 1s ease-out;
  -o-animation-iteration-count: infinite;
  -webkit-animation: heartbit 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.fixed_btn .notify .point {
  width: 0.2rem;
  height: 0.2rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 30px;
  border-radius: 50%;
  background-color: #ff0000;
  position: absolute;
  right: 0;
  top: 0;
}
.fixed_note{
    display: none;
    background: rgba(255, 0, 0, .8);
    position: fixed;
    width: 100%;
    max-width: 640px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    font-size: .26rem;
}
@-moz-keyframes heartbit {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -moz-transform: scale(0.1);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0;
  }
}
@-webkit-keyframes heartbit {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -webkit-transform: scale(0.1);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}