a{
    text-decoration: none;
    color: #212121;
    cursor: pointer;
}
.mgauto{
    margin:0 auto !important;
}
.mg0 {
    margin: 0 !important
}

.mg5 {
    margin: 5px !important
}

.mg10 {
    margin: 10px !important
}

.mg15 {
    margin: 15px !important
}

.mg20 {
    margin: 20px !important
}

.mg25 {
    margin: 25px !important
}

.mg30 {
    margin: 30px !important
}

.mg35 {
    margin: 35px !important
}

.mg40 {
    margin: 40px !important
}

.mg45 {
    margin: 45px !important
}

.mg50 {
    margin: 50px !important
}

.mg100 {
    margin: 100px !important
}

.mg150 {
    margin: 150px !important
}

.mg200 {
    margin: 200px !important
}

.mt0 {
    margin-top: 0 !important
}

.mt1 {
    margin-top: 1px !important
}

.mt2 {
    margin-top: 2px !important
}

.mt3 {
    margin-top: 3px !important
}

.mt4 {
    margin-top: 4px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt7 {
    margin-top: 7px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt16 {
    margin-top: 16px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt60 {
    margin-top: 60px !important
}
.mt80{
    margin-top: 80px !important
}
.mt95{
    margin-top: 95px !important 
}
.mt100 {
    margin-top: 100px !important
}

.mt150 {
    margin-top: 150px !important
}

.mt200 {
    margin-top: 200px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.mb150 {
    margin-bottom: 150px !important
}

.mb200 {
    margin-bottom: 200px !important
}

.ml0 {
    margin-left: 0 !important
}

.ml5 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml45 {
    margin-left: 45px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml100 {
    margin-left: 100px !important
}

.ml150 {
    margin-left: 150px !important
}

.ml200 {
    margin-left: 200px !important
}

.mr0 {
    margin-right: 0 !important
}

.mr5 {
    margin-right: 5px !important
}

.mr6 {
    margin-right: 6px !important
}

.mr7 {
    margin-right: 7px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr12 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 12px !important
}

.mr17 {
    margin-right: 17px !important
}

.mr19 {
    margin-right: 19px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr22 {
    margin-right: 22px !important
}

.mr23 {
    margin-right: 23px !important
}

.mr24 {
    margin-right: 24px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr35 {
    margin-right: 35px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr45 {
    margin-right: 45px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr55 {
    margin-right: 55px !important
}

.mr60 {
    margin-right: 60px !important
}

.mr80 {
    margin-right: 80px !important
}

.mr100 {
    margin-right: 100px !important
}

.mr150 {
    margin-right: 150px !important
}

.mr200 {
    margin-right: 200px !important
}

.pd0 {
    padding: 0 !important
}

.pd5 {
    padding: 5px !important
}

.pd10 {
    padding: 10px !important
}

.pd15 {
    padding: 15px !important
}

.pd20 {
    padding: 20px !important
}

.pd25 {
    padding: 25px !important
}

.pd30 {
    padding: 30px !important
}

.pd35 {
    padding: 35px !important
}

.pd40 {
    padding: 40px !important
}

.pd45 {
    padding: 45px !important
}

.pd50 {
    padding: 50px !important
}

.pd70 {
    padding: 70px !important
}

.pd100 {
    padding: 100px !important
}

.pd150 {
    padding: 150px !important
}

.pd200 {
    padding: 200px !important
}

.pt0 {
    padding-top: 0 !important
}

.pt5 {
    padding-top: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt13 {
    padding-top: 13px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt45 {
    padding-top: 45px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt60 {
    padding-top: 60px !important
}

.pt100 {
    padding-top: 100px !important
}

.pt150 {
    padding-top: 150px !important
}

.pt200 {
    padding-top: 200px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pb50 {
    padding-bottom: 50px !important
}
.pb70{
    padding-bottom: 70px !important
}
.pb100 {
    padding-bottom: 100px !important
}

.pb150 {
    padding-bottom: 150px !important
}

.pb200 {
    padding-bottom: 200px !important
}

.pl0 {
    padding-left: 0 !important
}

.pl5 {
    padding-left: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl35 {
    padding-left: 35px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl45 {
    padding-left: 45px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl100 {
    padding-left: 100px !important
}

.pl150 {
    padding-left: 150px !important
}

.pl200 {
    padding-left: 200px !important
}

.pr0 {
    padding-right: 0 !important
}

.pr5 {
    padding-right: 5px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr45 {
    padding-right: 45px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr100 {
    padding-right: 100px !important
}

.pr150 {
    padding-right: 150px !important
}

.pr200 {
    padding-right: 200px !important
}

.border {
    border: 1px solid #ddd
}

.border-b {
    border-bottom: 1px solid #ddd
}

.border-t {
    border-top: 1px solid #ddd
}

.nborder {
    border: 0 !important
}

.nborder-t {
    border-top: 0 !important
}

.nborder-b {
    border-bottom: 0 !important
}

.nborder-l {
    border-left: 0 !important
}

.nborder-r {
    border-right: 0 !important
}

.f10 {
    font-size: 10px !important
}

.f12 {
    font-size: 12px !important
}

.f14 {
    font-size: 14px !important
}

.f15 {
    font-size: 15px !important
}

.f16 {
    font-size: 16px !important
}

.f18 {
    font-size: 18px !important
}

.f20 {
    font-size: 20px !important
}

.f22 {
    font-size: 22px !important
}

.f24 {
    font-size: 24px !important
}

.f26 {
    font-size: 26px !important
}

.f28 {
    font-size: 28px !important
}

.f30 {
    font-size: 30px !important
}

.f34 {
    font-size: 34px !important
}

.f36 {
    font-size: 36px !important
}

.f38 {
    font-size: 38px !important
}

.f40 {
    font-size: 40px !important
}

.f48 {
    font-size: 48px !important
}

.f64{
    font-size: 64px !important
}
.fweight300{
    font-weight: 300;
}
.fbold {
    font-weight: 700
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.ver-middle {
    vertical-align: middle
}

.lnht15 {
    line-height: 15px !important
}

.lnht20 {
    line-height: 20px !important
}

.lnht22 {
    line-height: 22px !important
}

.lnht25 {
    line-height: 25px !important
}

.lnht26 {
    line-height: 26px !important
}

.lnht28 {
    line-height: 28px !important
}

.lnht30 {
    line-height: 30px !important
}

.lnht30 {
    line-height: 30px !important
}

.lnht34 {
    line-height: 34px !important
}

.lnht35 {
    line-height: 35px !important
}

.lnht40 {
    line-height: 40px !important
}

.lnht45 {
    line-height: 45px !important
}

.lnht50 {
    line-height: 50px !important
}

.lnht55 {
    line-height: 55px !important
}

.lnht70 {
    line-height: 70px !important
}

.lnht95 {
    line-height: 95px !important
}
.textIndent2{
    text-indent: 2em;
}
.bgfff{
    background: #ffffff;
}
.bgf8f8f8{
    background: #F8F8F8;
}
.bgFFDF66{
    background: #FFDF66;
}
.bg0F5CFB{
    background: #0F5CFB;
}
.bgF7FBFF{
    background: #F7FBFF;
}
.opacity4{
    opacity: 0.4;
}
.pull-left{
    float: left;
}

.pull-right{
    float: right;
}

.col1200 {
    width: 1200px;
    height: auto;
    margin: 0 auto
}

.col1200:after,
.col1200:before {
    content: " ";
    display: table
}

.col1200:after {
    clear: both
}
.header-logo-container {
    display: flex;
    align-items: center;
}
.logo-text-container {
    margin-left: 8px;
}
.logo-text-title {
    font-size: 14px;
    line-height: 20px;
}
.logo-text-desc {
    font-size: 16px;
    line-height: 22px;
}
.header-btn-tiyan {
    width: 88px;
    height: 34px;
    background: #F04B44;
    border-radius: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    float: right;
    margin-top: 18px;
}
.btn{
    padding: 13px 25px;
    text-align: center;
    background-color: #F04B44;
    color: #ffffff;
    border-radius: 25px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-m{
    text-align: center;
    background-color: #0F5CFB;
    color: #ffffff;
    border-radius: 21px;
    padding: 5px 55px;
}
.btn-m:hover{
    padding: 5px 59px;
}
.btn-ml{
    text-align: center;
    background-color: #0F5CFB;
    color: #ffffff;
    border-radius: 21px;
    padding: 10px 55px;
}
.btn-ml:hover{
    padding: 10px 59px;
}
.btn-l{
    padding:19px 45px;
    font-size: 20px;
    border-radius: 36px;
}
.btn-l:hover{
    padding:19px 48px;
}
.btn-lg{
    padding:13px 70px;
    font-size: 24px;
    border-radius: 30px;
}
.btn-lg:hover{
    padding:13px 74px;
}
.btn-buy{
    min-width: 192px;
    padding:9px 75px;
    font-size: 20px;
    border-radius: 30px;
}
.btn-buy:hover{
    padding:9px 80px;
}
.btn-yellow{
    background: #FF9C04 !important;
}
.colorfff{
    color: #ffffff;
}

.color212121{
    color: #212121;
}

.color4A4A4A{
    color: #4A4A4A;
}

.color0F5CFB{
    color: #0F5CFB;
}
.color757575{
    color: #757575;
}
.colorFF9B66{
    color: #FF9B66;
}
.color0F5CFB{
    color: #0F5CFB;
}
.positionRelative{
    position: relative;
}
.positionAbsolute{
    position: absolute;
}

body{
    padding-top: 70px;
}
li{
    list-style: none
}
/* 头 */
header{
    height: 70px;
    line-height: 70px;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 100;
}

header nav>a{
    padding: 0 20px;
    font-size: 16px;
}

header nav>a.active{
    color: #F04B44;
}

/* 尾 */
footer{
    padding:70px 0 20px 0;
    background-color: #151E30;
}
.gotop{
    width: 66px;
    height: 66px;
    text-align: center;
    background: #F04B44;
    border-radius: 8px;
    color: #ffffff;
    font-size: 12px;
    padding: 10px 9px;
    box-sizing: border-box;
    position: fixed;
    bottom: 70px;
    right: 10px;
    cursor: pointer;
}
.family{
    display: inline-block;
    vertical-align: bottom;
}
.family:hover{
    transform:scale(1.1,1.1);
}
.family img{
    vertical-align: bottom;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges; /* Firefox */     
    image-rendering: -o-crisp-edges; /* Opera */      
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ 
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.img_hover{
    display: none;
}

.family:hover .img_base{
    display: none;
}

.family:hover .img_hover{
    display: inline;
}
/* 底部申请使用 */
.home-ad {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.link {
    width: 1200px;
    margin: 0  auto;
    height: 100px;
    position: relative;
    z-index: 100;
}
.closebtn{
    position: relative;
    width: 30px;
    height: 30px;
    margin-top: 23px;
    margin-right: 10px;
    z-index: 15;
    float: right;
    opacity: 0;
}
.urllink {
    position: relative;
    width: 105px;
    height: 40px;
    left: 998px;
    top: 28px;
    z-index: 10;
}
/* 首页 */
/* .homeBox{

} */
.jqzy-slider{
    width: 100%;
    height: 500px;
    overflow: hidden;
    z-index: 90;
    position: relative;
}
.super-slider{
    position: relative;
    z-index: 0;
    width: 100%;
}
.super-slider .slides{
    width: 100% !important;
    padding: 0;
}
.super-slider li{
    width: 100% !important;
    height: 500px;
}
.control-nav{
    background-color: rgba(0,0,0,.3);
    padding: 5px 17px;
    border-radius: 25px;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -100px;
}
.control-nav ul{
    width: 100%;
    height: 12px;
    padding: 0;
    margin: 0;
}
.control-nav li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,.3);
    transition: all .2s;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    color: transparent;
}

.control-nav li.on {
    width: 25px;
    border-radius: 25px;
    background: #fff
}
.banner{
    width: 100%;
    height: 500px;
}
.my-banner {
    background: url("../images/banner01.png") no-repeat;
    background-position: center;
    background-size: auto 100%;
}
.iconItem{
    /* float: left; */
    font-size: 16px;
    color: #212121;
    text-align: center;
    flex:1;
    position: relative;
}

.iconImgBox{
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: rgb(240 75 68 / 10%);
    margin: 0 auto 10px;
    text-align: center;
    line-height: 72px;
}
.iconImgBox-kaifa-ing {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: rgb(0 0 0 / 60%);
    margin: 0 auto 10px;
    text-align: center;
    line-height: 72px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 12px;
}
.iconImgBox.qidaiIcon{
    background: rgba(204,204,204,0.15);
}
.commonNav{
    display: flex;
    display: -webkit-flex;
}

.commonNav .navItem{
    flex-grow: 1;
    cursor: pointer;
    height: 85px;
    background-color: #f6f6f6;
    line-height: 85px;
    color: #333333;
    width: 360px;
    margin-right: 60px;
    border-radius: 5px;
}
.commonNav .navItem:last-child {
    margin-right: 0;
}
.commonNav .navItem.active{
    background-color: #F04B44;
    color: #fff;
}
.iconBigBox{
    height: 282px;
    overflow: hidden;
    transition: height .5s;
}
.openHeight{
    height: 566px;
}
.btn-tiyan{
    width: 200px;
}
#closeFunction>img{
    transform:rotate(180deg);
    margin-top: -2px;
}
#closeFunction{
    cursor: pointer;
}
.tableBg.moreBg{
    padding-top: 40px;
    bottom: 0px;
}
.closeBg{
    padding: 20px 0;
}
.briefBox, .briefBox1{
    cursor: pointer;
    border: 1px solid #F04B44;
    padding: 18px 25px;
    padding-right: 14px;
    margin-bottom: 15px;
    border-radius: 5px;
    position: relative;
}
.briefBox .kaifa-ing, .briefBox1 .kaifa-ing {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 70%);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
.briefBox.right-san.active::after, .briefBox1.right-san.active::after {
    content: '';
    display: block;
    position: absolute;
    border-left: 15px solid #FFE5E4;
    border-top: 8px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 8px solid transparent;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
    z-index: 2;
}
.briefBox.right-san.active::before, .briefBox1.right-san.active::before {
    content: '';
    display: block;
    position: absolute;
    border-left: 16px solid #F04B44;
    border-top: 9px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 9px solid transparent;
    top: 50%;
    transform: translateY(-50%);
    right: -32px;
    z-index: 1;
}
.briefBox.left-san.active::after, .briefBox1.left-san.active::after {
    content: '';
    display: block;
    position: absolute;
    border-left: 15px solid transparent;
    border-top: 8px solid transparent;
    border-right: 15px solid #FFE5E4;
    border-bottom: 8px solid transparent;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    z-index: 2;
}
.briefBox.left-san.active::before, .briefBox1.left-san.active::before {
    content: '';
    display: block;
    position: absolute;
    border-left: 16px solid transparent;
    border-top: 9px solid transparent;
    border-right: 16px solid #F04B44;
    border-bottom: 9px solid transparent;
    top: 50%;
    transform: translateY(-50%);
    left: -32px;
    z-index: 1;
}
.blueTriangle{
    border-top: 6px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 6px solid transparent;
    margin-top: 5px;
}
.briefBox .title, .briefBox1 .title{
    font-weight: bold;
    font-size: 18px;
    color: #333;
}
.briefBox .desc, .briefBox1 .desc{
    font-size: 16px;
    margin-bottom: 0;
}
.briefBox.active, .briefBox1.active {
    background-color: #FFE5E4;
}

.briefBox.active .title, .briefBox1.active .title {
    color: #F04B44;
}

.briefBox.active .desc, .briefBox1.active .desc {
    color: #F04B44;
}

.briefBox-data {
    width: 380px;
    height: 140px;
    border-radius: 5px;
    margin-bottom: 15px;
    color: #B7B7B7;
    padding-left: 15px;
    display: flex;
    align-items: center;
    padding-right: 15px;
}
.briefBox-data.active {
    background: linear-gradient(111deg, #F5625C 0%, #EB3B33 100%);
    box-shadow: 3px 3px 15px 1px rgba(240,75,68,0.3);
    color: #fff;
}
.briefBox-data .data-num {
    width: 56px;
    font-size: 50px;
}
.briefBox-data .content-center {
    flex: 1;
    padding-right: 10px;
    padding-left: 5px;
}
.briefBox-data .icon-right {
    width: 31px;
    height: 31px;
    font-size: 0;
    line-height: 1;
}
.briefBox-data.active .jiantou {
    display: none;
}
.briefBox-data.active .jiantou-active {
    display: inline-block;
}
.briefBox-data .jiantou {
    display: inline-block;
}
.briefBox-data .jiantou-active {
    display: none;
}
.briefBox-data .title {
    font-size: 20px;
    font-weight: bold;
}

.briefBox-data .desc {
    font-size: 14px;
}

.contentItem{
    display: flex;
    justify-content: space-between;
}
.textDesc{
    width: 390px;
}
.swiperImagesBox{
    width: 729px;
    height: 412px;
    overflow: hidden;
    position: relative;
}
.contentItem .imagesBox{
    position: absolute;
    width: 729px;
    height: 1920px;
    top: 0px;
    transition: all 0.3s;
}


.achievementItem{
    flex: 1;
   display: flex; 
   justify-content:center;
   align-items:baseline;
}
.achievementItem .number{
    line-height: 64px;
}

.platformItem{
    width: 200px;
    padding: 40px 0px 0;
    height: 475px;
    box-sizing: border-box;
    float: left;
    border:1px solid #E6E6E6;
    border-right: none;
    background: #ffffff;
    position: relative;
}
.platformItem.active{
    width: 400px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.platformItemImg{
    width: 100%;
    height: 290px;
}

.homeBox .box5{
    height:430px
}
.homeBox .box5 .pull-right{
    width: 390px;
    height: 430px;
}

/* .homeBox .box6{

} */
.hometableBox{
    height: 530px;
    overflow: hidden;
}

.telHome {
    height: 50px;
    line-height: 50px;
}
.telFooter {
    height: 36px;
    line-height: 36px;
}

.telHome, .telFooter {
    display: inline-block;
    vertical-align: middle;
}

.tableBg{
    background-image: linear-gradient(180deg, rgba(255,255,255,0.75) 0%, #ffffff 100%);
    padding-top: 54px;
    padding-bottom: 10px;
    text-align: center;
    bottom: -16px;
    width: 1200px;
    cursor: pointer;
}
.levelItem{
    float: left;
    width: 276px;
    border-radius: 4px;
    
}
.levelItem:hover{

}
.top{
    border-radius: 4px 4px 0 0;
    height: 66px;
    line-height: 66px;
    color: #ffffff;
}
.homeBox .box7-top{
    padding-top: 50px;
    height: 430px;
    background: #F7FBFF;
}

.clientItem{
    float: left;
    width: 200px;
    height: 174px;
    text-align: center;
    padding-top: 24px;
}

.clientItem:hover{
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.clientItem img{
    margin-bottom:30px

}
.clientItem p{
    font-size: 16px;
    color: #4A4A4A;
}

.homeBox .box7 .advantageItem{
    float: left;
    width: 200px;
    height: 274px;
    text-align: center;
    padding-top: 55px;
}

.homeBox .box7 .advantageItem:hover img{
    transform: scale(1.4,1.4);
}
.homeBox .box7 .advantageItem:hover div{
    color: #0F5CFB;
}

.box9{
    height: 400px;
    padding-top: 130px;
}
@-webkit-keyframes ring {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    50% {
        transform: rotate(25deg);
        -webkit-transform: rotate(25deg);
    }
    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
@keyframes ring {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    50% {
        transform: rotate(25deg);
        -webkit-transform: rotate(25deg);
    }
    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
.homeBox .phone{
    animation: ring .5s infinite;
    transition: all 0.2s;
}

.fixTable{
    position: fixed;
    top: 70px;
    background-color: #ffffff;
    width: 1200px;
    margin: 0 auto;
    left:calc(50% - 600px)
}
.fixTable .versionPrice th,.fixTable  .versionPrice td{
    border-color: #E6E6E6;
    color: #333333;
}
.fixTable .versionPrice th div{
    font-size: 24px;
    font-weight: 700;
    margin: 20px 0 30px;
    color: #4a4a4a;
}
.fixTable .versionPrice th a{
    font-size: 20px;
    margin: 0px 0 20px;
}

/* 产品与服务 */
.commonFlexBox{
    display: flex;
}
.commonFlexItem{
    flex: 1;
    justify-content: center;
}

.productBanner{
    background: #FFFFFF;
    box-shadow: 0 5px 9px 6px rgba(0,0,0,0.05);
    border-radius: 4px;
    height: 120px;
    line-height: 118px;
    left: calc(50% - 600px);
    margin-top: -60px;
}
.productBanner .commonFlexItem{
    font-size: 20px;
    cursor: pointer;
}
.productBanner .commonFlexItem.active>a{
    color: #0F5CFB;
    border-color: #0F5CFB;
}
.productBanner .commonFlexItem>a{
    border-bottom: 2px solid transparent;
    display: inline-block;
}
.imgBox{
    width: 54px;
    height: 54px;
}


.tableBox{
    display: flex;
}
.tableBox table{
    float: left;
    flex: 1;
}
.tableBox table th{
    text-align: center;
    height: 56px;
    font-size: 18px;
    color: #4A4A4A;
    border: 1px solid #E6E6E6;
    width: 50%;
}
.tableBox table td{
    text-align: center;
    height: 56px;
    font-size: 14px;
    color: #4A4A4A;
    border: 1px solid #E6E6E6;
}
.oneto1{
    overflow: hidden;
    width: 380px;
    float: left;
    box-shadow: 0 4px 7px 4px rgba(0,0,0,0.03);
    padding: 30px 35px;
    box-sizing: border-box;
    font-size: 18px;
    margin-right: 30px;
}
@-webkit-keyframes runleft {
    0% {
        left: 270px;
        transform: scale(1.5);
    }
    100% {
        left: 118px;
        transform: scale(1);
    }
}
@keyframes runleft {
    0% {
        left: 270px;
        transform: scale(1.5);
    }
    100% {
        left: 118px;
        transform: scale(1);
    }
}
.arrow_orange{
    top: 160px;
    z-index: 10;
    left: 270px;
    animation: runleft 3s infinite;
}
@-webkit-keyframes runright {
    0% {
        left: 841px;
        transform: scale(1.5);
    }
    100% {
        left: 984px;
        transform: scale(1);
    }
}
@keyframes runright {
    0% {
        left: 841px;
        transform: scale(1.5);
    }
    100% {
        left: 984px;
        transform: scale(1);
    }
}
.arrow_blue{
    top: 160px;
    z-index: 10;
    left: 841px;
    animation: runright 3s infinite;
}
.stepBigBox{
    width: 940px;
    margin: 0 auto;
}
.stepBox{
    text-align: center;
}
.stepNum{
    background: #FFFFFF;
    border: 1px solid #0F5CFB;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    font-size: 30px;
    color: #0F5CFB;
    margin: 0 auto;
    margin-bottom: 15px;
}
.line{
    border-bottom: 1px dashed #0F5CFB;
    width: 271px;
    top: 20px;
    left: 40px;
    opacity: 0.34;
}
.fourFunctionBox{
    height: 417px;
}
.fourFunction{
    background: #FFFFFF;
    box-shadow: 0 5px 10px 5px rgba(0,0,0,0.03);
    border-radius: 8px;
    width: 200px;
    height: 247px;
    padding: 30px 20px;
    box-sizing: border-box;
    cursor: pointer;
}
.fourFunction:hover{
    transform: translateY(-5px);
}
.function1{
    top: 111px;
    left: 94px;
}
.function2{
    top: 10px;
    left: 348px;
}
.function3{
    top: 125px;
    left: 608px;
}
.function4{
    top: 0px;
    left: 866px;
}
.functionBg{
    top: 260px;
    width: 1008px;
    margin: 0 auto;
    left: calc((100% - 1008px)/2);
}
.whiteTriangle{
    width: 0px;
    border-top: 10px solid #ffffff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-top: 20px;
    position: relative;
    top: 22px;
    left: calc(50% - 5px);
}
.testingBox{
    padding-top: 92px;
    padding-bottom: 92px;
}
.testing1:hover,.testing2:hover,.testing3:hover,.testing4:hover,.testing5:hover{
    transform: scale(1.2);
}
.testing1{
    top: 57px;
    left: 451px;
}
.testing2{
    top: 306px;
    left: 86px;
}
.testing3{
    top: 557px;
    left: 209px;
}
.testing4{
    top: 557px;
    left: 698px;
}
.testing5{
    top: 300px;
    left: 815px;
}
.report360{
    align-items:center;
    justify-content:center;
}
/* .report360>img{

} */
.gameTestingBox{
    width: 380px;
    height: 490px;
    background: #FFFFFF;
    box-shadow: 0 4px 6px 5px rgba(0,0,0,0.03);
}
.gameTestingBox>.gameDesc{
    padding: 28px;
}

.supportBox{
    width: 276px;
    height: 240px;
    padding: 58px 47px 47px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0 0 14px 8px rgba(0,0,0,0.05);
}
.freeBox img{
    margin: 0 ;
}
.freeImgBox{
    position: relative;
    float: left;
    cursor: pointer;
}
.freeImgBox:hover .freeImgDesc{
    display: block;
}
.freeImgDesc{
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #ffffff;
    padding: 0 10px;
    margin: 0;
    display: none;
}
.showYouzy{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    padding: 30px;
    background-color: rgba(0,0,0,0.4);
}
.showYouzy>img{
    max-height: calc(100% - 60px);
}
.kuhuBg{
    width: 100%;
    height: 500px;
}
/* 行业解决方案 */
.activityItem{
    float: left;
    width: 380px;
    margin-right: 30px;
    box-shadow: 0 4px 6px 5px rgba(0,0,0,0.03);
    position: relative;
}
.activityItem .corner{
    width: 64px;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    background-image: linear-gradient(127deg, #40A8FF 0%, #105CFB 100%);
    border-radius: 0 0 0 56px;
    font-size: 16px;
    text-align: right;
    line-height: 64px;
    padding-right: 10px;
    box-sizing: border-box;
    opacity: 0.8;
}
.activityItem .info{
    padding-left: 28px;
    line-height: 94px;
    height: 94px;
}
.plus{
    width: 160px;
    height:200px;
    text-align: center;
    line-height: 200px;
    font-weight: 900;
    color: #CCCCCC;
    float: left;
}
.jigouItem{
   width: 300px;
   height: 170px;
   text-align: center;
   font-size: 16px;
   float: left;
   padding: 35px;
   box-sizing: border-box;
}
.joinInBox{
    border: 1px solid #0F5CFB;
}
.expertHeaders>img{
    margin: 0;
    float: left;
    cursor: pointer;
}
.expertHeaders>img:hover{
    transform: translateY(-5px);
}

/* 合作 */
/* .versionPrice{

} */

.versionPrice td{
    border: 1px solid #E6E6E6;
    width: 240px;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    text-align: center;
    color: #4A4A4A;
    border-top: none;
}

.versionPrice th{
    border: 1px solid #E6E6E6;
    width: 240px;
    height: 56px;
    background: #FBFBFB;
    font-size: 18px;
    text-align: center;
    color: #4A4A4A;
}
.versionPrice .small-td{
    width: 120px;
}
.cooperate .box2{
    background-color:#0F5CFB;
    height: 562px;
    color: #ffffff;
}
.shuangyouBox{
    width: 1240px;
    background: #FFFFFF;
    box-shadow: 0 0 14px 8px rgba(0,0,0,0.05);
    border-radius: 4px;
    padding: 20px;
    margin-top: -126px;
}
.shuangyouTable td{
    border: 1px solid #E6E6E6;
    width: 300px;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    text-align: center;
    color: #4A4A4A;
}

.shuangyouTable th{
    border: 1px solid #E6E6E6;
    width: 300px;
    height: 56px;
    background: #FBFBFB;
    font-size: 18px;
    text-align: center;
    color: #4A4A4A;
    
}
.box2_2{
    width: 1240px;
    margin: 0 auto;
}

/* 合作 */

.mainFunctionBox{
    width: 510px;
    height: 467px;
    padding:30px 50px;
    background: #FFFFFF;
    box-shadow: 0 6px 10px 2px rgba(0,0,0,0.05);
}
.mainFuntionItem{
    float: left;
    width: 50%;
    margin-bottom: 20px;
    font-size: 16px;
}
.mainFuntionItem>img{
    margin-right: 15px;
}
.cooperate .fixTable .versionPrice th, .fixTable .versionPrice td{
    width: 200px;
}
/* 认证 */

.authentication .box2{
    margin-top: -60px;
    background-color: #ffffff;
    padding: 30px 28px;
    border-radius: 4px;
}
.renzhengBlock{
    width: 262px;
    float: left;
    box-shadow: 0 0 14px 8px rgba(0,0,0,0.05);
    border-radius: 4px 4px 0 0;
    margin-right: 32px;
    cursor: pointer;
    padding-bottom: 10px;
}
.renzhengBlock:hover{
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.renzhengBlock .info{
    padding: 12px;
}

.renzhengBlock .info .renzhengdesc{
    height: 34px;
}
.renzheng_imgbox{
    float: left;
    margin-right: 12px;
}

.about_box{
    width: 1200px;
    margin: 80px auto;
    height: 384px;
    background: #FFFFFF;
    box-shadow: 0px 0px 14px 8px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 40px;
}
.about_box .title{
    width: 136px;
    height: 48px;
    font-size: 34px;
    font-weight: 500;
    color: #212121;
    line-height: 48px;
}
.about_box .block{
    margin-top: 40px;
    overflow: hidden;
}
.about_box .block{
    overflow: hidden;
}
.about_box .content_item{
    width: 568px;
    height: 192px;
    font-size: 16px;
    font-weight: 300;
    color: #212121;
    line-height: 32px;
}
.about_box .img_item{
    margin-top: 28px;
}

.footer-icon-text-container {
    display: flex;
}
.footer-icon-text-item {
    margin-right: 139px;
}
.footer-icon-text-item .content-icon {
    width: 55px;
    height: 49px;
    margin: auto;
    line-height: 1;
    font-size: 0;
}

.footer-icon-text-item:nth-child(2) .content-icon {
    width: 48px;
    height: 56px;
}
.footer-icon-text-item:nth-child(3) .content-icon {
    width: 56px;
    height: 51px;
}
.footer-icon-text-item:nth-child(4) .content-icon {
    width: 55px;
    height: 55px;
}
.footer-icon-text-item:nth-child(5) .content-icon {
    width: 52px;
    height: 55px;
}
.footer-icon-text-container .content-icon img {
    width: 100%;
    height: 100%;
}
.footer-icon-text-container .footer-icon-text-name {
    font-size: 20px;
    color: #fff;
    margin-top: 30px;
    text-align: center;
}
.footer-icon-text-container .footer-icon-text-tips {
    color: #9B9B9B;
    font-size: 16px;
    margin-top: 8px;
    text-align: center;
}