.onwrap{
    max-width: 1448px;
    margin: 0 auto;
}
.ewrap2{max-width: 1448px;}
.inheader .wrap_two{max-width: 1448px;}
.online_page{width: 100%;overflow: hidden;}
.onbanner{
    width: 100%;
    overflow: hidden;
    padding: 344px 0 255px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.onbanner .entitle{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.onbanner .line{
    width: 40px;
    height: 2px;
    background-color: #ffb20d;
    margin-top: 3px;
}
.onbanner .title{color: #fff;font-weight: bold;font-size: 72px;line-height: 1;margin: 25px 0;}
.onbanner .subtitle{color: #fff;font-size: 24px;}
.bbcbox1{
    padding: 94px 0;
}
.ontitle{margin-bottom: 64px;}
.ontitle h3{
    text-align: center;
    color: #333333;
    font-size: 30px;
    font-weight: 500;
}
.ontitle .subtitle{
    max-width: 680px;
    margin: 0 auto;
    color: #333333;
    font-size: 18px;
    text-align: center;
    line-height: 1.7;
    margin-top: 12px;
}
.bbcbox2{background-color: #f9f9f9;padding: 60px 0 100px;}
.dottitle{margin-bottom: 90px;}
.dottitle h3{color: #333333;font-size: 24px;font-weight: 500;}
.dottitle p{color: #333333;font-size: 18px;margin-top: 10px;}
.online_page .mtitle{color:#333333;font-size: 36px;font-weight: 500;padding-bottom: 46px;border-bottom: 1px solid #e5e5e5;margin-bottom: 64px;}
.onbox1{padding: 58px 0 70px;}
.onbox2{padding: 95px 0 80px;background-color: #f9fafb;}
.onbox3{padding: 95px 0 80px;}
.onbox4{padding: 80px 0 60px;background-color: #00106b;}
.onbox4 .dottitle{margin-bottom: 40px;}
.onbox4 .dottitle h3{color: #fff;}
.onbox5{padding: 120px 0 110px;background-color: #f9fafb;}
.onbox6{padding: 110px 0 150px;}
.onbox7{padding-bottom: 100px;}
.onbox7 .dottitle h3{position: relative;}
.onbox7 .dottitle .more{
    position: absolute;
    right: 0;
    top:5px;
    color: #fff;
    font-size: 16px;
    width: 70px;
    height: 26px;
    line-height: 26px;
    border-radius: 26px;
    text-align: center;
    background-color: #00bd6f;
}
.online_case_wrap{position: relative;}
.online_case_swiper{overflow: hidden;position: relative;}
.online_case_swiper li .pic{overflow: hidden;}
.online_case_swiper li .pic img{width: 100%;transition: all ease .5s;}
.online_case_swiper li a:hover .pic img{transform: scale(1.1);}
.online_case_swiper li .t1{
    font-size: 20px;
    font-weight: bold;
    margin-top: 24px;
    color: #000000;
}
.online_case_swiper li .t2{
    font-size: 14px;
    margin-top: 10px;
    color: #606060;
}
.online_case_wrap .prev, .online_case_wrap .next{
    position: absolute;
    width: 34px;
    height: 54px;
    background-repeat: no-repeat;
    background-position:  center center;
    top: 50%;
    margin-top: -27px;
}
.online_case_wrap .prev{
    left: -50px;
    background-image: url(../onimg/prev_active.png);
}  
.online_case_wrap .next{
    right: -50px;
    background-image: url(../onimg/next_active.png);
}
.online_case_wrap .prev.my-button-disabled{background-image: url(../onimg/prev.png);}
.online_case_wrap .next.my-button-disabled{background-image: url(../onimg/next.png);}
.online_case_swiper .swiper-pagination{
    position: relative;
    bottom: 0;
    margin-top: 30px;
    display: none;
}
.online_case_swiper .swiper-pagination-bullet{
    width: 42px;
    height: 7px;
    display: inline-block;
    border-radius: 0;
    background: #ababab;
    transition: all .2s ease;
}
.online_case_swiper .swiper-pagination-bullet-active{
    width: 86px;
    background: #d70000;
    opacity: 1;
}
.online_nav{margin: 0 -3px;}
.online_nav li{float: left;padding: 0 3px;width: 20%;}
.online_nav li a{
    display: flex;
    display: -ms-flexbox;
    background-repeat: no-repeat;
    background-position: center right;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -ms-flex-pack: center;
    height: 181px;
    padding: 0 18px;
    color: #fff;
    font-size: 24px;
    transition: all .3s ease;
}
.online_nav li a:hover{box-shadow: 0px 8px 12px 0px rgba(0,0,0,.1);}
.online_nav li:nth-child(1) a:hover{box-shadow: 0px 8px 12px 0px rgba(235,61,59,.2);}
.online_nav li:nth-child(2) a:hover{box-shadow: 0px 8px 12px 0px rgba(196,113,296,.2);}
.online_nav li:nth-child(3) a:hover{box-shadow: 0px 8px 12px 0px rgba(40,139,226,.2);}
.online_nav li:nth-child(4) a:hover{box-shadow: 0px 8px 12px 0px rgba(253,128,27,.2);}
.online_nav li:nth-child(5) a:hover{box-shadow: 0px 8px 12px 0px rgba(39,166,176,.2);}
.onbox2 .imgs .pic1{text-align: center;}
.onbox2 .imgs .pic1 img{max-width: 100%;}
.onbox2 .imgs .pic2,.onbox2 .imgs .pic3,.onbox2 .imgs .pic4{text-align: center;margin-bottom: 20px;display: none;}
.onbox2 .timg{margin-bottom: 34px;}
.onbox2 .timg .tt{
    background-image: url(../onimg/line1.png);
    background-repeat: no-repeat;
    background-position: center center;
    color: #0072e8;
    font-size: 20px;
    text-align: center;
    width: 50%;
}
.onbox2 .timg .tt span{
    display: inline-block;
    width: 250px;
    background-color: #f9fafb;
    text-align: center;
}
.onbox3 .left{width: 314px;}
.onbox3 .left li+li{margin-top: 60px;}
.onbox3 .left li .icon{
    width: 58px;
    height: 58px;
    text-align: center;
    line-height: 58px;
    background-color: #d3e7f0;
}
.onbox3 .left li .tt{
    overflow: hidden;
    padding-left: 40px;
    color: #333333;
    font-size: 20px;
    line-height: 58px;
}
.onbox3 .pic{overflow: hidden;}
.onbox4 .list{margin:0 -7px;}
.onbox4 .list li{float: left;width: 16.66%;padding: 0 7px;}
.onbox4 .list li .ww{padding: 40px 30px 30px;}
.onbox4 .list li .icon{height: 130px;line-height: 130px;text-align: center;margin-bottom: 60px;}
.onbox4 .list li .t1{
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 100;
}
.onbox4 .list li .t2{color: #ffffff;font-size: 20px;font-weight: 100;margin-top: 20px;height: 60px;}
.onbox5 .list{margin: 0 -5px;display: flex;display: -ms-flexbox;align-items: stretch;flex-wrap: wrap;}
.onbox5 .list li{
    float: left;
    width: 33.3%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.onbox5 .list li .ww{
    display: flex;display: -ms-flexbox;align-items: center;
    background-color: #fff;
    padding: 40px 0;
    height: 100%;
}
.onbox5 .list li .pic{width: 56%;flex-shrink: 0;text-align: center;}
.onbox5 .list li .pic img{max-width: 100%;max-height: 100%;}
.onbox5 .list li .con{overflow: hidden;padding-left: 2px;padding-right: 15px;flex: 1;}
.onbox5 .list li .t1{color: #333333;font-size: 24px;margin-bottom: 15px;}
.onbox5 .list li .t2{color: #333333;font-size: 16px;line-height: 1.8;}
.onbox5 .list li:nth-child(1) .pic img{max-width:70%;}
.bbcbox1 .list{margin: 0 -3px;}
.bbcbox1 .list li{float: left;padding: 0 3px;margin-bottom: 8px;}
.bbcbox1 .list li .item{
    border-radius: 5px;
    overflow: hidden;
    height: 258px;
    text-align: center;
    line-height: 258px;
    color: #fff;
    font-size: 24px;
    position: relative;
}
.bbcbox1 .list li .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    border-radius: 5px;
    transition: all ease .5s;
}
.bbcbox1 .list li .item p{position: relative;z-index: 9;}
.bbcbox1 .list li.w1{width: 33.3%;}
.bbcbox1 .list li.w2{width: 50%;}
.bbcbox1 .list li .item:hover .bg{transform: scale(1.1);}
.bbcbox2 .imgs{text-align: center;}
.bbcbox2 .imgs .img2,
.bbcbox2 .imgs .img3,
.bbcbox2 .imgs .img4{text-align: center;margin-bottom: 15px;display: none;}
.bbcbox3{padding: 90px 0 100px;}
.bbcbox3 .list{margin: 0 -24px;}
.bbcbox3 .list li{width: 33.3%;float: left;padding: 0 24px;}
.bbcbox3 .list li .ww{
    box-shadow: 0px 10px 15px 0px rgba(157,203,255,.2);
    height: 765px;
}
.bbcbox3 .list li .pic img{width: 100%;}
.bbcbox3 .list li .icon{text-align: center;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;height: 58px;line-height: 56px;}
.bbcbox3 .list li .con{padding: 20px 40px 10px;}
.bbcbox3 .list li .icon img{margin: 0 10px;}
.bbcbox3 .list li .tt{text-align: center;color: #333333;font-size: 24px;font-weight: 500;margin-bottom: 20px;}
.bbcbox3 .list li .item{color: #333333;font-size: 18px;margin-top: 32px;}
.bbcbox3 .list li .item span{
    display: block;width: 48%;margin-bottom: 16px;padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
}
.bbcbox3 .list li.nli1 .item span{background-image: url(../onimg/y1.png);}
.bbcbox3 .list li.nli2 .item span{background-image: url(../onimg/yuan2.png);}
.bbcbox3 .list li.nli3 .item span{background-image: url(../onimg/yuan3.png);}
.bbcbox3 .list li .item span:nth-child(even){width: 98px;float: right;}
.bbcbox4{
    background-color: #f5faff;
    padding: 100px 0 110px;
}
.bbcbox4 .ways{margin: 0 -10px;}
.bbcbox4 .ways li{float: left;width: 25%;padding: 0 10px;margin-bottom: 20px;}
.bbcbox4 .ways li .ww{background-color: #fff;border-radius: 6px;padding: 36px 10px 20px;box-shadow: 0px 5px 5px 0px rgba(157,203,255,.14);}
.bbcbox4 .ways li .icon{text-align: center;height: 60px;line-height: 60px;}
.bbcbox4 .ways li .tt{
    text-align: center;
    color: #333333;font-size: 18px;
    margin-top: 28px;
}

.bcbox1{padding: 80px 0;}
.bcbox2{
    background-image: url(../onimg/bcbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 86px 0 96px;
}
.bcbox2 .ontitle h3{color: #fff;}
.bcbox2 .ontitle h3 span{
    display: inline-block;vertical-align: middle;
    padding-left: 44px;
    background-image: url(../onimg/wen.png);
    background-repeat: no-repeat;
    background-position: left 8px;
}
.bcbox3{padding: 100px 0 20px;}
.bcbox3 .list{margin: 0 -4px;}
.bcbox3 .list li{
    float: left;
    width: 25%;
    margin-bottom: 30px;
    padding: 0 4px;
}
.bcbox3 .list li .ww{position: relative;height: 213px;overflow: hidden;padding: 30px 5px 30px 15px;}
.bcbox3 .list li .con{
    position: relative;
    z-index: 2;
}
.bcbox3 .list li .bg{
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: all ease .5s;
}
.bcbox3 .list li .icon{height: 60px;line-height: 60px;text-align: center;margin-bottom: 10px;}
.bcbox3 .list li .tt{text-align: center;font-size: 20px;color: #fff;margin-bottom: 10px;}
.bcbox3 .list li .tt2{font-size: 16px;color: #fff;line-height: 1.6;height: 50px;display: flex;display: -ms-flexbox;flex-direction: column;-ms-flex-direction: column;justify-content: center;-ms-flex-pack: center;text-align: center;}
.bcbox3 .list li .ww:hover .bg{transform: scale(1.1);}
.bcbox3 .list li .tt_tl{text-align: left;}
.bcbox2 .list{margin: 0 -8px;}
.bcbox2 .list li{float: left;width: 33.3%;margin-bottom: 12px;padding: 0 8px;}
.bcbox2 .list li .ww{
    background-color: #fff;
    padding: 36px 10px 30px;
}
.bcbox2 .list li .icon{height: 64px;line-height: 64px;text-align: center;margin-bottom: 25px;}
.bcbox2 .list li .t1{
    text-align: center;
    margin-bottom: 15px;
    color: #333333;
    font-size: 20px;
    font-weight: 500;
}
.bcbox2 .list li .t2{
    text-align: center;
    color: #333333;
    font-size: 16px; height: 48px;
}
.bcbox1 .list{margin: 0 -3px;}
.bcbox1 .list li{
    float: left;
    padding: 0 3px;
    width: 33.3%;
    margin-bottom: 6px;
}
.bcbox1 .list li .ww{
    background-color: #f9f9f9;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    padding: 50px 20px 20px 56px;
}
.bcbox1 .list li .icon{
    height: 64px;
    line-height: 64px;
    margin-bottom: 16px;
    color: #333333;font-size: 24px;
}
.bcbox1 .list li .icon img{vertical-align: middle;margin-right: 25px;}
.bcbox1 .list li .icon span{display: inline-block;vertical-align: middle;}
.bcbox1 .list li .state{
    color: #333333;
    font-size: 16px;
    height: 75px;
    line-height: 1.6;
}
.social1{padding: 98px 0 120px;}
.social2{
    background-image: url(../onimg/so.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 94px 0 20px;
}
.social2 .ontitle h3{color: #fff;}
.social3{
    padding: 90px 0 30px;
    background-image: url(../onimg/so2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.social3 .list{margin: 0 -3%;}
.social3 .list li{
    float: left;
    width: 33.3%;
    padding: 0 3%;
    margin-bottom: 5%;
}
.social3 .list li .ww{
    background-color: #fff;
    height: 115px;
    line-height: 115px;
    text-align: center;
}
.social3 .list li .ww img{display: inline-block;vertical-align: middle;width: 44px;margin-right: 10px;}
.social3 .list li .ww span{color: #333333;font-size: 20px;display: inline-block;vertical-align: middle;font-weight: 500;}
.social2 .list{margin: 0 -75px;}
.social2 .list li{float: left;width: 33.3%;margin-bottom: 120px;padding: 0 75px;}
.social2 .list li .ww{display: flex;display: -ms-flexbox;align-items: center;}
.social2 .list li .icon{
    float: left;
    width: 100px;
    flex-shrink: 0;
}
.social2 .list li .con{overflow: hidden;flex: 1;}
.social2 .list li .t1{color: #fff;font-size: 20px;font-weight: 500;margin-bottom: 12px;}
.social2 .list li .t2{color: #fff;font-size: 16px;line-height: 1.7;}
.social1 .list li{float: left;width: 33.3%;}
.social1 .list li .icon{margin-bottom: 16px;text-align: center;}
.social1 .list li .tt{
    text-align: center;
    color: #333333;
    font-size: 24px;
}
.social1 .list li+li{border-left: 1px solid #c3c3c3;}
.tinbox1{padding: 95px 0;}
.tinbox1 .ontitle .subtitle{max-width: 922px;}
.tinbox1 .timg{text-align: center;}
.tinbox2{
    background-color: #f5faff;
    padding: 56px 0 86px;
}
.tinbox3{padding: 80px 0 40px;}
.tinbox4{
    padding-top: 64px;
    background-image: url(../onimg/tinbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.tinbox4 .ontitle h3{color: #fff;}
.tinbox4 .ontitle .subtitle{color: #fff;}
.tinbox4 .list li{margin-bottom: 80px;float: left;width: 25%;}
.tinbox4 .list li .icon{text-align: center;height: 70px;line-height: 70px;}
.tinbox4 .list li .tt{text-align: center;color: #fff;font-size: 24px;margin-top: 20px;}
.tinbox3 .list{margin: 0 -35px;}
.tinbox3 .list li{
    float: left;
    width: 50%;
    margin-bottom: 42px;
    padding: 0 35px;
}
.tinbox3 .list li .ww{
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 42px 32px 46px;
    display: flex;display: -ms-flexbox;align-items: center;
}
.tinbox3 .list li .icon{width: 99px;height: 99px;border-radius: 50%;background-color: #fff;line-height: 99px; text-align: center;float: left;flex-shrink: 0;}
.tinbox3 .list li .con{overflow: hidden;padding-left: 40px;flex: 1;}
.tinbox3 .list li .t1{
    font-size: 24px;
    color: #fff;
    margin-bottom: 12px;
}
.tinbox3 .list li .t2{
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}
.tinbox2 .list{margin: 0 -8px;}
.tinbox2 .list li{
    float: left;
    width: 25%;
    padding: 0 8px;
}
.tinbox2 .list li .ww{
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(157,203,255,.2);
    padding: 40px 15px 30px;
}
.tinbox2 .list li .icon{height: 60px;line-height: 60px;text-align: center;margin-bottom: 18px;}
.tinbox2 .list li .tt{
    text-align: center;
    color: #333333;
    font-size: 20px;
}
.livebox2{padding: 75px 0;}
.livebox2 .list{margin: 0 -10px;}
.livebox2 .list li{
    float: left;
    width: 25%;
    padding: 0 10px;
}
.livebox2 .list li .ww{
    padding: 262px 32px 30px;
    background-repeat: no-repeat;
    background-position: center top;
    max-width: 303px;
    background-color: #fff;
    box-shadow: 0px 0px 18px 0px rgba(214,89,89,.2);
}
.livebox2 .list li .tt1{color: #333;font-size: 24px;text-align: center;margin-bottom: 26px;}
.livebox2 .list li .tt2{color: #333;font-size: 16px;text-align: center;line-height: 1.7;height: 81px;}
.livebox1{
    padding: 100px 0 40px;
    background-image: url(../onimg/lbg.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.livebox1 .content{max-width: 1154px;margin: 0 auto;}
.livebox1 .content .pic{width: 386px;}
.livebox1 .content .txt{overflow: hidden;padding-left: 100px;padding-right: 10px;}
.livebox1 .ontitle h3{text-align: left;color: #fff;}
.livebox1 .ontitle {margin-bottom: 42px;}
.livebox1 .content .icon{
    color: #333333;
    font-size: 24px;
    line-height: 47px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 15px;
}
.livebox1 .content .icon img{height: 47px;margin-right: 15px;vertical-align: middle;}
.livebox1 .content .icon span{display: inline-block;vertical-align: middle;}
.livebox1 .content .list{
    background-color: #fff;
    margin-bottom: 45px;
    padding: 36px 30px 25px;
    border-radius: 6px;
    box-shadow: 0px 0px 15px 0px rgba(214,89,89,.2);
}
.livebox1 .content .items span{
    display: inline-block;
    padding: 14px 0 14px 22px;
    background-image: url(../onimg/yuan4.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #333333;
    font-size: 18px;
    margin-right: 20px;
}