/*** 联系我们 ***/
.smNavBox.contactImg{background: url("../../img/company/contactImg.jpg") no-repeat top center / 19.2rem auto;}
.nyMain{position: relative;}
.mapBox{width: 100%;height: 4.9rem;overflow: hidden;margin-bottom: .6rem;}
.mapBox ul{width: 12.2rem;height: 4.9rem;}
.mapBox ul li{width: 5.9rem;float:left;margin-right:.2rem;background: #FBFCFF;height: 4.9rem;}
.mapBox ul li img{width: 100%;height: 3.8rem;}
.mapBox ul li p{font-size: .14rem;padding: .2rem .4rem;line-height: .3rem;color: #383840;}
.contactList{padding-bottom: 1.5rem;width: 12.2rem;overflow: auto;}
.contactList li{width: 5.3rem;float: left;height: 2.28rem;margin-right: .2rem;margin-bottom: .25rem;background: #fff;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);box-shadow: 0 5px 15px rgba(0,0,0,0.1);padding: .2rem .3rem;border-radius: 0.05rem;overflow: hidden;}
.contactList.ct1{background-position: 0 0;}
.contactList.ct2{background-position: 0 -1.2rem;}
.contactList.ct3{background-position: 0 -2.4rem;}
.contactList.ct4{background-position: 0 -3.5rem;}
.contactTop{width: 100%;height: .84rem;color: #ed8544;font-size: .24rem;line-height: 1.1rem;}
.contactTop,.contactList li p{background: url("../../img/company/contactIco.png") no-repeat 0 0 / .4rem auto;}
.contactTop.ct1{background-position: 0 0;}
.contactTop.ct2{background-position: 0 -1.2rem;}
.contactTop.ct3{background-position: 0 -2.4rem;}
.contactTop.ct4{background-position: 0 -3.5rem;}
.contactName{font-size: .24rem;}
.contactList li p, .contactName{border-top: .01rem solid #F0F0F0;height: .48rem;line-height: .48rem;color: #555;}
.contactList li p.cp1{background-position: .05rem -4.38rem;}
.contactList li p{font-size: .16rem;text-indent: .4rem;}
.contactList li p.cp2{background-position: .05rem -4.94rem;}

/** 关于我们=>公司概况 **/
.aboutTw{padding: 0 .5rem;}
.aboutTwTit{margin-top: .1rem;height: .94rem;line-height: .94rem;width: 100%;border-bottom: .01rem solid #F2F2F2;font-size: .34rem;color: #333;display: inline-flex;}
.aboutImage{width: 44px;height: 61px;margin: auto 15px auto 0;}
.aboutList{margin: .2rem 0;overflow: hidden;width: 100%;}
.aboutList li{height: 3.1rem;width: 100%;float: left;margin-bottom: 1.2rem;}
.aboutList li:first-child span{display: none;}
.aiTxt{width: 5.3rem;height: 3.1rem;color: #666;font-size: .16rem;line-height: .26rem;}
.aiTxt p{text-indent: .33rem;margin-bottom: .2rem;}
.aiTxt span{font-size: .24rem;color: #333;margin: .2rem 0;display: block;height: .46rem;position: relative;}
.aiTxt span:after{content: '';position: absolute;left: 0;bottom: 0;height: .02rem;width: .6rem;background: #f2f2f2;}
.aiImg{width: 5.2rem;height: 3.1rem;}
.aiFr{float: right;}
.aiFl{float: left;}

/** 关于奔雷=>企业历程 **/
.courseTab{margin: .68rem 0 .1rem;width: 100%;height: .38rem;}
.courseTab a{border: .01rem solid #999;height: .36rem;width: 1.03rem;text-align: center;line-height: .36rem;color: #333;font-size: .16rem;float: left;margin-right: .05rem;}
.courseTab a.act,.courseTab a.act:hover{border: .01rem solid #FEA201;background: #FEA201;color: #fff;}
.courseTab a:hover{border: .01rem solid #FEA201;color: #FEA201;}
.courseList{margin-bottom: 1rem;width: 100%;}
.clTime{width: 100%;height: .98rem;line-height: .98rem;color: #393939;font-weight: 700;font-size: .28rem;}
.courseList ul{overflow: hidden;min-height: 4rem;}
.courseList ul li{line-height: .2rem;width: 100%;float: left;margin-bottom: .18rem;font-size: .16rem;}
.courseList ul li span{float: left;border-left: .06rem solid #EEE;width: .9rem;font-weight: 700;text-indent: .1rem;}
.courseList ul li p{float: left;}

/** 关于奔雷=> 企业荣誉 **/
.honorTit{margin: .45rem 0;width: 100%;height: .34rem;line-height: .34rem;text-align: center;color: #101010;font-size: .22rem;background: url("../../img/company/honorTit.png") no-repeat top center / 12rem auto;}
.honorList{margin-bottom: 1rem;width: 100%;}
.honorList ul{width: 12.2rem;margin-bottom: .5rem;min-height: 6.4rem;}
.honorList ul li{width: 2.85rem;height: 2.9rem;margin-right: .2rem;border-radius: 0.05rem;overflow: hidden;margin-bottom: .2rem;float: left;background: #fff;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.honorList ul li div{width: 2.85rem;height: 1.85rem;overflow: hidden;float: left;}
.honorList ul li div img{width: 2.85rem;height: 1.85rem;display: block;}
.honorList ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.honorList ul li:hover{-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}
.honorList ul li p{color: #333;font-size: .16rem;text-align: center;float: left;padding: .12rem .2rem 0;line-height: .3rem;}
.honorList ul li p span{color: #ffbd30;}

.pagingBox{height: .32rem;width: 100%;text-align: center;}
.pagingBox a{color: #9A9A9A;font-size: .10rem;padding: 0 .11rem;border: .01rem solid #f2f2f2;margin: 0 .05rem;text-align: center;line-height: .3rem;height: .3rem;display: inline-block;}

/** 关于奔雷=>企业风采 **/
.galleryTop{width: 12rem;height: 6.2rem;overflow: hidden;position: relative;}
.galleryTop .swiper-slide{width: 12rem;height: 6.2rem;float: left;position: relative;}
.galleryTop .swiper-slide img{width: 12rem;height: 6.26rem;}
.galleryTxt{height: .66rem;width: 100%;line-height: .66rem;position: absolute;left: 0;bottom: -.7rem;background-color: rgba(0,0,0,0.7);z-index:99;color: #fff;font-size: .16rem;text-indent: .3rem;-webkit-transition: all .6s .3s;-moz-transition: all .6s .3s;transition: all .6s .3s;}
.galleryTop .swiper-slide.swiper-slide-active .galleryTxt{bottom: 0;}
.enlarge{position: absolute;right: .3rem;width: .5rem;height: .5rem;background: url("../../img/company/enlarge.png") no-repeat 0 0 / .48rem auto;top: .08rem;z-index: 99;font-size: 0;}
.enlarge:hover{background-position: 0 -.51rem;}
.galleryButton{width: .3rem;height: .86rem;cursor: pointer;background: #F8F8F8 url("../../img/company/galleryButton.png") no-repeat 0 0 / .48rem auto;position: absolute;top: 50%;margin-top: -1.6rem;border-radius: .03rem;}
.galleryButton.galleryNext{right: -.52rem;background-position: -0.25rem .34rem;}
.galleryButton.galleryPrev{left: -.52rem;background-position: .08rem .34rem;}
.galleryList{overflow: hidden;width: 100%;margin: .2rem 0 1rem;overflow-x: auto;height: 1.8rem;}
.galleryList ul{white-space: nowrap;}
.galleryList ul li{width: 2.8rem;height: 1.45rem;border: .02rem solid #fff;display: inline-block;overflow: hidden;}
.galleryList ul li img{width: 100%;height: 1.45rem;}
.galleryList ul li.act{border: .02rem solid #FFBD30;}

.bigBg{background: rgba(0,0,0,0.6);bottom: 0;height: 100%;left: 0;position: fixed;right: 0;top: 0;width: 100%;z-index: 1100;display: none;}
.tcClose{background: url("../../img/company/tc-close.png") no-repeat;width: .4rem;height: .4rem;position: absolute;right: .4rem;top: .4rem;z-index: 9;}
.bgImg{max-width: 100%;max-height: 100%;display: block;top: 50%;left: 50%;position: fixed;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

/** 关于奔雷 => 标识下载 **/
.logoDTop{height: .3rem;line-height: .3rem;margin-top: .2rem;width: 100%;text-align: center;margin-bottom: .5rem;position: relative;}
.logoDTop::before{content: "";height: .01rem;width: 100%;background: #EBEBEB;position: absolute;left: 0;top: .18rem;}
.logoDTop span{display: inline-block;height: .3rem;width: 2.35rem;z-index: 1;position: relative;color: #101010;font-size: .2rem;background: #fff url("../../img/company/logoDTop.png") no-repeat top center / 2.18rem auto;}
.logoDMain{margin: 0 auto;width: 9.8rem;}
.logoDlbox{width: 100%;height: 2rem;}
.logoYb{float: left;width: 5.74rem;}
.logoSzBox{margin-left: .2rem;float: left;}
.logoSzBox li{color: #666;font-size: .14rem;line-height: .26rem;margin: .09rem 0;padding-left: .4rem;position: relative;}
.logoSzBox li:nth-child(1)::before{background-color: rgb(244,232,41);}
.logoSzBox li:nth-child(1)::before, .logoSzBox li:nth-child(2)::before,.logoSzBox li:nth-child(3)::before{content: "";width: .2rem;height: .2rem;display: block;position: absolute;left: 0;top: .15rem;border-radius: 1rem;}
.logoDTxt{padding: .66rem 0 1rem 0;}
.logoZt{margin-bottom: 1rem;overflow: hidden;}
.logoZtTxt{width: 3.4rem;float: left;padding-right: 1.5rem;}
.logoZtTxt h3{font-size: .2rem;}
.logoZtTxt p{color: #888888;line-height: .22rem;margin-top: .1rem;font-size: .14rem;}
.downloadIco{width: 100%;height: .42rem;}
.downloadIco a + a{margin-left: .62rem;}
.downloadIco a,.icoBtn{border: .01rem solid #E4E4E4;height: .4rem;line-height: .4rem;color: #1e1e1e;font-size: .14rem;display: inline-block;width: 1.92rem;text-align: center;border-radius: 1rem;}
.downloadIco a span,.icoBtn span{display: inline-block;padding-left: .25rem;background: url("../../img/company/downloadIco.png") no-repeat 0 0.13rem / .16rem auto;}
.downloadIco a:hover,.icoBtn:hover{background: #ffbd30;color: #fff;border: .01rem solid #ffbd30;}
.downloadIco a:hover span,.icoBtn:hover span{background-position: 0 -.45rem;}

/** 平台游戏 **/
.smNavBox.gameImg{background: url("../../img/company/gameBg.jpg") no-repeat top center / 19.2rem auto;}
.gameBox, .NewsBox{width: 100%;margin-bottom: 1rem;}
.gameBox ul, .NewsBox ul{width: 12.2rem;margin-bottom: .5rem;min-height: 9rem;}
.gameBox ul:after,.NewsBox ul:after,.contactList:after{content: "";clear: both;display: block;}
.gameBox ul li, .NewsBox ul li{margin-right: .15rem;margin-bottom: .3rem;border-radius: 0.05rem;overflow: hidden;width: 3.88rem;height: 4.12rem;float: left;background: #fff;border: .01rem solid #F2F2F2;}
.gameBox ul li:hover,.NewsBox ul li:hover{-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);-webkit-box-shadow: 0px 5px 15px rgba(0,0,0,.1);box-shadow: 0px 5px 15px rgba(0,0,0,.1);}
.gameBox ul li:hover .gameSlt{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.gameTop{width: 3.9rem;height: 2.4rem;overflow: hidden;position: relative;}
.gameTop .gameSlt{width: 3.9rem;height: 2.4rem;}
.gameTxt{padding: .26rem;overflow: hidden;}
.gameTxt h3{color: #000;font-size: .2rem;}
.gameTxt p{color: #383537;font-size: .16rem;margin: .1rem 0;line-height: .22rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.gameTxt a{float: right;border: 0.01rem solid #D2D2D2;height: .3rem;width: 1.08rem;text-align: center;line-height: .3rem;color: #999;border-radius: 1rem;}
.gameTxt a:hover{color: #fff;background: #ffbd30;border: 0.01rem solid #ffbd30;}
.gameXz{background-color: rgba(0,0,0,0.8);position: absolute;left: 0;top: -2.4rem;z-index: 1;width: 3.9rem;height: 2.4rem;}
.gameBox ul li:hover .gameXz{top: 0;}
.downloadG{height: 1.16rem;position: absolute;top: 50%;margin-top: -0.58rem;left: .65rem;}
.downloadG img{float: left;background: #fff;padding: 0.04rem;width: 1.08rem;height: 1.08rem;overflow: hidden;border-radius: 0.05rem;}
.downloadBtn{margin-left: .25rem;width: 1.3rem;float: left;margin-top: .05rem;}
.downloadBtn a{border: .01rem solid #fff;float: left;width: 1.28rem;height: .34rem;margin: .08rem 0;color: #fff;line-height: .34rem;background: url("../../img/company/download.png") no-repeat 0 0 / .2rem auto;font-size: .16rem;text-indent: .45rem;border-radius: 1rem;}
.downloadBtn a.Dios{background-position: .2rem .06rem;}
.downloadBtn a.Dandroid{background-position: .19rem -.535rem;}
.downloadBtn a:hover{color: #ffbd30;border: .01rem solid #ffbd30;}
.downloadBtn a.Dios:hover{background-position: 0.2rem -1.13rem;}
.downloadBtn a.Dandroid:hover{background-position: .19rem -1.73rem;}

/** 新闻动态 **/
.smNavBox.newsImg{
    background: url("../../img/company/newsBg.jpg") no-repeat top center / 19.2rem auto;
}
.NewsBox ul li a{width: 3.9rem;height: 3.8rem;display: block;}
.NewsBox ul li{height: 3.8rem;}
.NewsBox ul li:hover{background-color: #ffbd30;}
.NewsBox ul li:hover .newsTxt p,.NewsBox ul li:hover .newsTxt span{color: #fff;}
.newsTop{width: 3.9rem;height: 2.38rem;overflow: hidden;}
.newsTop img{width: 3.9rem;height: 2.38rem;}
.newsTxt{padding: .2rem;}
.newsTxt p{color: #333;font-size: .18rem;margin-bottom: .2rem;line-height: .3rem;height: .6rem;overflow: hidden;}
.newsTxt span{font-size: .14rem;color: #999;}
.newsTxtBq{font-size: .14rem;color: #666;}
.newsTxtBq a{color: #666;}
.newsTxtBox{width: 100%;}
.newsTxtBox h3{font-size: .3rem;margin: .6rem 0 .5rem 0;width: 100%;text-align: center;line-height: .5rem;font-weight: normal;}
.newsTxtBox img{display: block;margin: .1rem auto;max-width: 285px;height: auto !important;}

/** 公司展示 **/
.displayMain,.serviceMain {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.banner-container{
    height: 654px;
    overflow: hidden;
}

.banner-slide {
    display: flex;
}

.company-banner-bg {
    height: 654px;
    margin: auto;
    display: block;
    width: 100%;
}

.display-header{
    display: block;
    margin: 80px auto 70px auto;
    width: 360px;
    text-align: center;
}

.service-header,.product-header{
    display: block;
    text-align: center;
    margin: 0 auto;
}

.service-header img,.product-header img{
    margin: 0 auto;
    display: block;
}

.display-header-icon{
    width: 52px;
    height: 52px;
    display: block;
    background-image: url("../../img/company/company_display_logo.png");
    background-repeat: no-repeat;
    background-size: 52px 52px;
    margin: auto 0;
}

@font-face {
    font-family: 'Alibaba-PuHuiTi-H'; /* 重命名字体 */
    src: url('../../fonts/Alibaba-PuHuiTi-H.ttf');
    font-weight: normal;
    font-style: normal;
}

.display-header-p{
    display: flex;
    width: 322px;
    margin: 0 auto 20px auto;
}

.display-header-text{
    font-size: 45px;
    color: #302c2c;
    font-weight: bold;
    font-family: "Alibaba-PuHuiTi-H";
}

.display-header-desc{
    color: #acacac;
    font-family: "Alibaba-PuHuiTi-H";
    font-size: 22px;
    font-weight: bold;
}

.display-row{
    display: flex;
    flex-wrap: wrap;
    color: #333;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.5;
    margin-bottom: 115px;
}

.display-item{
    flex-shrink: 0;
    width: calc(50% - 24px);
    max-width: 100%;
    padding-right: 12px;
    padding-left: 12px;
}

.display-card {
    border-radius: 8px;
    border: none;
    margin-bottom: 40px;
}

.display-card:hover .display-card-body{
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='black' stroke-width='4' stroke-dasharray='2%2c 8' stroke-dashoffset='2' stroke-linecap='butt'/%3e%3c/svg%3e");
}

.display-card a {
    text-decoration: none;
}

.display-img-warp{
    overflow: hidden;
    max-height: 375px;
    height: auto;
    position: relative;
}

.display-card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: none;
    padding: 40px 35px;
    margin-top: -3px;
    position: relative;
}

.display-item:hover .display-card-body::before {
    content: ""; position: absolute; width: 16px; height: 16px; background: #5023f2; bottom: -14px; right: -14px; transform: translateX(-50%) translateY(-50%); }


.display-card-img{
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-radius: 0;
}

.display-card:hover .display-card-img, .display-card:focus .display-card-img {
    transition: transform 1.1s, filter 2s ease-in-out;
    transform: scale(1.05);
}

.display-card-title {
    color: #302c2c;;
    font-size: 22px;
    font-family: "Alibaba-PuHuiTi-H";
}

.display-card-text {
    color: #acacac;
    font-weight: 300;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 16px;
    font-family: "Alibaba-PuHuiTi-H";
}

.display-btn {
    background-color: #5023f2;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    padding: 7px 20px 7px;
    min-width: 160px;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 16px;
    border-radius: 4px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.container{
    width: 1320px;
    padding-right: 24px;
    padding-left: 24px;
    margin-right: auto;
    margin-left: auto;
}

.common-container .commonPagination{
    text-align: center;
    top: -65px;
    position: relative;
    z-index: 10;
}

.common-container .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    background:rgba(255,255,255,0.4);
    border-radius: 0;
    position:relative;
}

.common-container .swiper-pagination-bullet-active {
    position:relative;
}
.liner{
    width: 30px;
    height: 3px;
    background: rgba(255,255,255,1);
    position:absolute;
    left:0;
    top:0;
    display:none;
    animation:liner 5s;
}
.common-container .swiper-pagination-bullet-active .liner{
    display:block;
}

@keyframes liner {
    from {
        width:0
    }
    to {
        width:30px
    }
}

/** 盒子 **/
.apk-content-box{
    width: 100%;
    height: 100vh;
    margin-top: 0;
    min-height: 870px;
    max-height: 920px;
    overflow: hidden;
    color: #333;
    background: url("../../img/company/box/apk_box_bg.jpg") no-repeat;
    background-size: 100% 167%;
    font-size: 14px;
}

.apk-content-logo{
    width: 637px;
    height: 154px;
    margin-top: 45px;
}

/* banner */
.apk-content {
    width: 1250px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.apk-qr-box {
    width: 266px;
    text-align: center;
    margin-top: 45px;
    margin-left: 10px;
}

.apk-qr-code {
    width: 266px;
    height: 268px;
    background: url("../../img/company/box/apk_qr_code_bg.png") no-repeat;
    position: relative;
    z-index: 999;
}

.apk-qr-code-image {
    width: 233px;
    height: 233px;
    margin: 17.5px auto 0 auto;
    top: 17px;
    position: relative;
    display: block;
}

.apk-qr-box p {
    font-size: 20px;
    color: #fff;
    margin-top: 15px;
}

.apk-qr-box p em {
    color: #15d7a0;
    font-style: normal;
}

.apk-qr-light {
    width: 370px;
    height: 50px;
    background: url("../../img/company/box/apk_qr_light.png") no-repeat;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -185px;
    animation: cursor 1.5s alternate infinite ease-in-out;
}

@keyframes cursor {
    0% {
        bottom: 0;
    }

    100% {
        bottom: 222px;
    }
}

.apk-download:hover {
    background: #01daa5;
    background: linear-gradient(to bottom, #00cea5, #03e5a4);
}

.apk-box {
    width: 1400px;
    height: 870px;
    position: absolute;
    left: 53%;
    top: 10px;
    margin-left: -640px;
}

.apk-box-phone {
    bottom: 20px;
    position: absolute;
}

.apk-download {
    width: 288px;
    height: 66px;
    background: #01daa5;
    background: linear-gradient(to bottom, #03e5a4, #00cea5);
    border-radius: 43px;
    margin-top: 15px;
    display: block;
    position: relative;
    z-index: 999;
    text-decoration: none !important;
}

.apk-download span {
    height: 44px;
    line-height: 44px;
    font-size: 26px;
    color: #fff;
    background: url("../../img/company/box/apk_android_icon.png") no-repeat;
    display: block;
    padding-left: 50px;
    margin-left: 40px;
    position: relative;
    top: 12px;
}

/** 公司服务 **/
.card-body {
    width: 1250px;
    margin: 0 auto 30px auto;
    position: relative;
    z-index: 1;
    display: flex;
}

.blue-card {
    border-radius: 5px;
    background: linear-gradient(135deg,#4996fd,#5daefe,#80d9ff);
}

.orange-card {
    border-radius: 5px;
    background: linear-gradient(135deg,#fb9707,#fba429,#fabf6a);
}

.red-card{
    border-radius: 5px;
    background: linear-gradient(135deg,#f54e43,#f65f55,#f98079);
}

.green-card{
    border-radius: 5px;
    background: linear-gradient(135deg,#17b217,#30bb30,#6fd16f);
}

.purple-card{
    border-radius: 5px;
    background: linear-gradient(135deg,#9254fb,#9e5dfc,#be74fe);
}

.common-card-bg {
    height: 215px;
    width: 400px;
    border-radius: 5px;
}

.common-card-img {
    width: 89px;
    height: 39px;
    display: block;
    background: url("../../img/company/company_card_label.png") no-repeat;
    z-index: 1;
    position: relative;
    line-height: 39px;
    padding-left: 20px;
    font-size: 17px;
    color: #7d4705;
}

.common-card-circle {
    background: #fff;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    display: block;
    position: relative;
    top: 40%;
    margin-left: 30px;
    margin-right: 30px;
    transform: translateY(-50%);
}

.common-card-icon {
    display: flex;
    margin: 0 auto;
    transform: translateY(-50%);
    top: 50%;
    position: relative;
}

.common-card-body {
    width: 240px;
    height: 170px;
    position: relative;
    left: 160px;
    display: block;
    margin-top: -115px;
}

.common-card-title {
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    color: #fff;
    display: block;
}

.common-card-content {
    font-size: 18px;
    color: #fff;
    line-height: 35px;
    display: block;
    margin: 10px 0;
    width: 215px;
}

.common-card-bottom {
    border: 1px solid #fefefe;
    border-radius: 5px;
    width: 190px;
    text-align: center;
    font-size: 20px;
    color: #fefefe;
    height: 35px;
    line-height: 35px;
    display: block;
}

.common-card-bottom:hover{
    border: 1px solid #fff;
    color: #fff;
}

.service-card-circle{
    background: #fff;
    border-radius: 50px;
    width: 90px;
    height: 90px;
    display: block;
    position: relative;
    top: 35%;
    margin-left: 35px;
    transform: translateY(-50%);
}

.service-card-title {
    font-size: 35px;
    line-height: 100px;
    color: #fff;
    text-align: left;
    padding-left: 20px;
    display: block;
}

.service-card-bottom {
    border: 2px solid #fefefe;
    border-radius: 10px;
    width: 180px;
    text-align: center;
    font-size: 20px;
    color: #fefefe;
    height: 45px;
    line-height: 45px;
    display: block;
}

.service-card-bottom:hover{
    border: 2px solid #fff;
    color: #fff;
}

.service-card-icon {
    width: 180px;
    height: 180px;
    transform: translate(-45px,-45px);
}

.service-card-body {
    width: 240px;
    height: 150px;
    position: relative;
    left: 160px;
    display: block;
    margin-top: -100px;
}

.service-item-icon{
    width: 118px;
    height: 118px;
    transform: translate(-14px,-7px);
}

.service-item-body{
    width: 450px;
    height: 99px;
    position: relative;
    left: 160px;
    display: block;
    margin-top: -60px;
}

.service-item-title{
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    display: block;
    text-align: left;
}

.service-item-content{
    font-size: 20px;
    color: #fff;
    line-height: 35px;
    display: block;
    margin: 10px 0;
    width: 450px;
    text-align: left;
}

.mb-115{
    margin-bottom: 115px;
}

.service-item-card{
    width: 430px;
    height: 580px;
}

.service-list-title{
    display: block;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    margin-top: 70px;
    color: #fff;
}

.service-list-circle{
    background: #fff;
    border-radius: 50px;
    width: 90px;
    height: 90px;
    display: block;
    position: relative;
    top: 7%;
    margin: 0 auto;
}

.mr-25{
    margin-right: 25px;
}

.mr-30{
    margin-right: 30px;
}

.service-list-ul{
    margin-top: 60px;
    margin-left: 25px;
}

.service-list-li{
    background: #fff;
    border-radius: 5px;
    line-height: 48px;
    height: 48px;
    text-align: center;
    font-size: 18px;
    width: 160px;
    float: left;
    display: block;
    margin-bottom: 25px;
    margin-right: 25px;
}

.service-card{
    width: 610px;
    height: 214px;
}

/** 公司产品 **/
.product-item-card{
    width: 330px;
    height: 580px;
    padding: 0 30px;
}

.product-card-title{
    font-size: 30px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    display: block;
    font-weight: bold;
    margin-top: 40px;
}

.product-card-summary{
    font-size: 22px;
    line-height: 45px;
    text-align: left;
    color: #fff;
    display: block;
    margin-top: 20px;
}

.product-card-name{
    color: #fff;
    font-size: 20px;
    text-align: left;
    display: block;
    line-height: 30px;
}

.product-card-bottom{
    background: url("../../img/company/company_product_bottom.png") no-repeat;
    width: 285px;
    height: 58px;
    display: block;
    margin: 0 auto;
    line-height: 50px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.product-card-money{
    border: 2px solid #fff;
    color: #fff;
    height: 80px;
    line-height: 80px;
    display: block;
    border-radius: 10px;
    margin-top: 20px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}

.mr-40{
    margin-right: 40px;
}

.product-title{
    background: linear-gradient(180deg,#f49547,#fb7815,#e66000);
    border-radius: 10px;
    line-height: 80px;
    height: 80px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin: 40px auto;
    display: block;
    width: 1250px;
    cursor: pointer;
}

.common-product-content{
    font-size: 18px;
    color: #fff;
    line-height: 35px;
    display: block;
    margin: 25px 0;
    width: 220px;
}

.product-close{
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    float: right;
    position: absolute;
    right: -15px;
    background: #fff;
    top: -15px;
    font-weight: bold;
    cursor: pointer;
}

.function-header-tr{
    border-top: 1px solid #dedbe6;
    border-left: 1px solid #dedbe6;
    background: #ec7e30;
    width: 1150px;
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.function-tr{
    border-top: 1px solid #dedbe6;
    border-left: 1px solid #dedbe6;
    width: 1150px;
    display: block;
}

.function-header-td{
    width: 230px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    border-bottom: 1px solid #dedbe6;
    color: #fff;
}

.sp-16{
    font-size: 16px;
}

.function-td{
    width: 230px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    border-right: 1px solid #dedbe6;
    border-bottom: 1px solid #dedbe6;
}

.function-tr .green{
    color: #17b217;
}

.function-tr .sp-14{
    font-size: 14px;
}

.function-tr .red{
    color: #f54e43;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}

.common-product-body{
    width: 240px;
    height: 130px;
    position: relative;
    left: 160px;
    display: block;
    margin-top: -80px;
}

.common-product-title{
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    display: block;
}

.common-product-circle{
    background: #fff;
    border-radius: 50px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    display: block;
    position: relative;
    top: 35%;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    margin-left: 35px;
    margin-right: 35px;
    transform: translateY(-50%);
}

/** 侧栏悬浮 **/
.slider_info {
    height: 100%;
    text-align: right;
    position: fixed;
    right: 20px;
    bottom: 0;
    z-index: 1999;
    color: #444;
}

.slider {
    position: absolute;
    right: 0;
    bottom: 76px;
}

.consultBtn {
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-image: linear-gradient(to left top, #e83a17, #ff583b);
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s;
    width: 72px;
    padding: 0 20px;
}

.consult-img{
    display: inline-block;
    width: 30px;
    height: 25px;
    background: url('../../img/company/icon_silder_msg.jpg');
    background-size: 100%;
}

.consultBtn span{
    margin-top: -3px;
    white-space: nowrap;
    font-size: 16px;
    margin-left: 10px;
    color: white;
    cursor: pointer;
}