html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, i, b, s {
    font-family: Microsoft YaHei,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: inherit;
    font-style: inherit;
    margin: 0;
    padding: 0;
    border: 0;
}
ul,li{
    list-style-type: none;
}
a{
    text-decoration: none;
}

/*--------------------- header -------------------*/
#header{
    width: 100%;
    height: 500px;
    position: relative;
    background: url(../../images/banner_1.jpg) 50% 50% no-repeat;
    overflow: hidden;
}
.header-box{
    position: relative;
    width: 1210px;
    height: 500px;
    overflow: hidden;
    margin: 0 auto;
}
.header-logo{
    padding-top:25px;
}
.header-img{
    display: block;
    position: absolute;
    bottom: 0;
    right: 80px;
}
.header-text{
    padding: 80px 0 120px 115px;
    color: #fff;
}
.header-text-title {
    font-size: 60px;
    display: block;
}
.header-text-title i {
    color: #fec11c;
    font-size: 60px;
    font-weight: bold;
}
.header-text-describe {
    display: block;
    font-size: 40px;
    margin: 10px 0 20px;
}

/*--------------------- nav -------------------*/
.nav-wrap{
    width: 100%;
    height: 90px;
    position: relative;
    background: #fffef3;
    overflow: hidden;
    z-index: 9;
}
.nav-box{
    width: 1210px;
    height: 90px;
    position: relative;
    margin: 0 auto;
    padding: 0 100px;
}
.nav-box li{
    width: 25%;
    float: left;
    text-align: center;
    line-height: 90px;
    color: #282828;
}
.nav-box li a{
    font-size: 22px;
    cursor: pointer;
    color: #282828;
    text-decoration: none;
}
.nav-box li.active a{
    color: #469209;
}

/*--------------------- product-summarize -------------------*/
.product-summarize-wrap{
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.product-summarize-box{
    width: 1210px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 180px;
}
.product-summarize-box h1{
    font-size: 36px;
    color: #2d2d2d;
    text-align: center;
    padding: 45px 0 60px;
}
.product-summarize-box p{
    font-size: 18px;
    color: #595959;
    line-height: 200%;
    padding-bottom: 100px;
}
.product-summarize-box i{
    font-size: 20px;
    font-weight: 600;
}

/*--------------------- product-value -------------------*/
.product-value-wrap{
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #f8f8f8;
}
.product-value-box{
    width: 1210px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.product-value-box .active{
    display: block;
}
.product-value-box h1{
    text-align: center;
    padding-top: 80px;
    font-size: 41px;
    color: #383838;
}
.product-value-msg-box{
    display: none;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.msg-left{
    width: 48%;
    margin-right: 4%;
    position: relative;
    overflow: hidden;
    padding: 60px 0 45px;
    float: left;
}
.msg-left h2{
    text-align: right;
    font-size: 26px;
    color: #4b4b4b;
}
.msg-left h2 i{
    display: inline-block;
    width: 35px;
    height: 22px;
    background: url(../../images/product_value_01.png);
    margin: 0 10px 4px 0;
    vertical-align: middle;
}
.msg-left p{
    color: #525252;
    font-size: 18px;
    margin: 60px 0 0 110px;
    line-height: 180%;
    height: 100px;
}
.msg-right{
    margin-right: 0;
}
.msg-right h2{
    text-align: left;
    color: #efa900;
}
.msg-right p{
    margin: 60px 110px 0 0;
    color: #efa900;
    font-size: 22px;
}
.msg-right h2 i{
    width: 46px;
    background: url(../../images/product_value_02.png);
}
.product-value-arrow{
    display: block;
    width: 1210px;
    height: 18px;
}
#js_product_value{
    width: 100%;
    position: relative;
    overflow: hidden;
}
#js_product_value div{
    float: left;
    width: 20%;
}
#js_product_value i{
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin: 15px auto 40px;
    cursor: pointer;
}
#js_product_value .slide-1 i{
    background: url(../../images/product_value_1.jpg);
}
#js_product_value .slide-2 i{
    background: url(../../images/product_value_2.jpg);
}
#js_product_value .slide-3 i{
    background: url(../../images/product_value_3.jpg);
}
#js_product_value .slide-4 i{
    background: url(../../images/product_value_4.jpg);
}
#js_product_value .slide-5 i{
    background: url(../../images/product_value_5.jpg);
}
#js_product_value span{
    display: block;
    width: 100%;
    font-size: 24px;
    color: #383838;
    text-align: center;
    margin-bottom: 115px;
}
#js_product_value .active i{
    border: 2px solid #efa900;
}

/*-------------------- function-introduction -------------------*/
.function-introduction-wrap{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.function-introduction-box{
    width: 1210px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.function-introduction-box h1{
    text-align: center;
    color: #383838;
    font-size: 34px;
    padding: 80px 0;
}
.function-introduction-box h1 span{
    font-size: 34px;
    color: #ff0000;
    font-weight: bold;
}
.function-introduction-content{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.function-introduction-content .active{
    display: block;
}
.content-right-box{
    float: left;
    width: 527px;
}
.content-left-img{
    display: none;
    width: 623px;
    height: 394px;
    margin: 0 60px 80px 0;
    float: left;
}
.content-right-box h2{
    display: none;
    font-size: 18px;
    color: #ff970b;
    font-weight: bold;
    margin: 40px 0 20px;
}
.content-right-box h2.active{
    height: 48px;
    width: 100%;
}
.content-right-box ul{
    position: relative;
    overflow: hidden;
}
.content-right-box ul li{
    float: left;
    text-align: center;
    margin-right: 50px;
}
.content-right-box ul li i{
    box-sizing: content-box;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid #b7b7b7;
    margin: 0 auto;
    cursor: pointer;
}
.content-right-box ul li span{
    font-size: 18px;
    color: #252525;
    line-height: 400%;
}
.content-right-box .item1 i{
    background: url(../../images/function_introduction_1_icon.png);
}
.content-right-box .item1.item-active i{
    background: url(../../images/function_introduction_1_choose_icon.png) #fc9409;
    border: 1px solid #fc9409;
}
.content-right-box .item2 i{
    background: url(../../images/function_introduction_2_icon.png);
}
.content-right-box .item2.item-active i{
    background: url(../../images/function_introduction_2_choose_icon.png) #fc9409;
    border: 1px solid #fc9409;
}
.content-right-box .item3 i{
    background: url(../../images/function_introduction_3_icon.png);
}
.content-right-box .item3.item-active i{
    background: url(../../images/function_introduction_3_choose_icon.png) #fc9409;
    border: 1px solid #fc9409;
}
.content-right-box .item4 i{
    background: url(../../images/function_introduction_4_icon.png);
}
.content-right-box .item4.item-active i{
    background: url(../../images/function_introduction_4_choose_icon.png) #fc9409;
    border: 1px solid #fc9409;
}
.content-right-box .item5 i{
    background: url(../../images/function_introduction_5_icon.png);
}
.content-right-box .item5.item-active i{
    background: url(../../images/function_introduction_5_choose_icon.png) #fc9409;
    border: 1px solid #fc9409;
}
.content-right-box .item6 i{
    background: url(../../images/function_introduction_6_icon.png);
}
.content-right-box .item6.item-active i{
    background: url(../../images/function_introduction_6_choose_icon.png) #fc9409;
    border: 1px solid #fc9409;
}
.content-right-box .item7 i{
    background: url(../../images/function_introduction_7_icon.png);
}
.content-right-box .item7.item-active i{
    background: url(../../images/function_introduction_7_choose_icon.png) #fc9409;
    border: 1px solid #fc9409;
}

/*-------------------- product-advantage -------------------*/
.product-advantage-wrap{
    width: 100%;
    height: 527px;
    position: relative;
    overflow: hidden;
    background: url(../../images/product_advantage_bg.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.product-advantage-box{
    width: 1210px;
    height: 527px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.product-advantage-box img{
    display: block;
    width: 897px;
    height: 389px;
    margin: 69px auto;
}
.product-advantage-text{
    font-size: 20px;
    position: absolute;
    color: #000;
}
.weixin{
    top: 80px;
    left: 525px;
}
.erp{
    top: 190px;
    left: 258px;
}
.ronghe{
    bottom: 169px;
    left: 132px;
}
.no-install{
    top: 212px;
    left: 835px;
}
.shiyong{
    bottom: 169px;
    left: 895px;
}

/*-------------------- qrcode -------------------*/
.qrcode-warp{
    width:100%;
    height:330px;
    background-color: #fff;
    text-align: center;
}
.qrcode-warp img {
    margin-top: 50px;
}
.qrcode-warp p {
    margin-top: 15px;
    letter-spacing: 1px;
}