@charset "utf-8";

body{overflow-x: hidden;padding-top: 52px;}

.navbar{padding: 10px 0px;margin-bottom: 0px;box-shadow: 0 1px 10px rgba(0,0,0,0.2);background-color: #fff;}
.navbar-toggle .icon-bar{background: #666;}
.navbar-brand{padding: 0px;height: auto;margin-left: 15px !important;}
.navbar-toggle{padding: 0px;margin-top: 5px;margin-bottom: 5px;}
.navbar-nav li a{padding: 0px;height: 50px;line-height: 50px;padding-left: 15px;
    cursor: pointer;
    padding-right: 15px;font-size: 14px;color: #3b426b;border-top: 1px solid #efefef;}
.navbar-nav li a:hover{color: #0b6bed;}
.navbar-nav li.active>a{color: #0b6bed;}
/*.navbar-collapse.in{display: block;position: absolute;width: 100%;box-sizing: border-box;}*/
@media (min-width: 768px) {

}
@media (min-width: 992px) {
    body{overflow-x: hidden;padding-top: 80px;}
    .navbar-nav .tel{margin-left: 20px;}
    .navbar{padding: 24px 0px;margin-bottom: 0px;}
    .navbar-brand{padding: 0px;height: auto;margin-left: 0px !important;}
    .navbar-nav li a{padding: 0px;height: 30px;line-height: 30px;padding-left: 15px;padding-right: 15px;font-size: 14px;color: #3b426b;border-top: none;}
}
@media (min-width: 1230px) {
    .navbar-nav .tel{margin-left: 40px;}
}
@media (min-width: 1400px) {
    .navbar-nav .tel{margin-left: 150px;}
}

/* nav    end  */
/* 幻灯片 begin */
.weSlide{overflow: hidden;}
.weSlide .carousel-inner .item{overflow: hidden;}
.carousel-indicators .active {
    width: 32px;
    height: 6px;
    margin: 0px 7px;
    background-color: rgba(255,255,255,0.4);
}
.carousel-indicators li {
    display: inline-block;
    width: 32px;
    height: 6px;
    margin: 0px 7px;
    text-indent: -999px;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    background-color: #ffffff;
}

.carousel-inner > .item > img{max-width: 1920px;}
.weSlide .carousel-inner .item .slide-img{width: 850px;position: relative;left: 50%;transform: translateX(-50%);}
.weSlide .carousel-content{width: 100%;box-sizing: border-box;position: absolute;left: 50%;transform: translateX(-50%);top:0px;padding: 60px 50px 0px 50px;}

.weSlide .carousel-content h2{font-size: 18px;margin-bottom: 15px;animation-delay: 0.1s;}
.weSlide .carousel-content p{font-size: 14px;animation-delay: 0.4s;}


@media (min-width: 768px) {
    .carousel-inner > .item > img{max-width: 1920px;}
    .weSlide .carousel-inner .item .slide-img{width: 1230px;position: relative;left: 50%;transform: translateX(-50%);}
    .weSlide .carousel-content{width: 100%;box-sizing: border-box;position: absolute;left: 50%;transform: translateX(-50%);top:0px;padding: 100px 50px 0px 130px;}

}
@media (min-width: 992px) {
}
@media (min-width: 1230px) {
    .carousel-inner > .item > img{max-width: 1920px;}
    .weSlide .carousel-inner .item .slide-img{width: 1920px;position: relative;left: 50%;transform: translateX(-50%);}
    .weSlide .carousel-content{width: 1200px;box-sizing: border-box;position: absolute;left: 50%;transform: translateX(-50%);top:0px;padding: 160px 0px 0px 50px;}
    .weSlide .carousel-content h2{font-size: 30px;margin-bottom: 30px;}
    .weSlide .carousel-content p{font-size: 20px;max-width: 512px;}
}
@media (min-width: 1400px) {
}

/* 幻灯片   end */
/* 我们能做什么 begin */

.weDo-box{margin-left: 1px;margin-right: 0px;}
.weDo-box .item{border:1px solid #efefef;padding: 40px 10px;box-sizing: border-box;margin-left: -1px;margin-top: -1px;cursor: pointer;float: left;}
.weDo-box .item:hover{background-color: #f9f9f9;}
.weDo-box .item img{width:46px;height: 46px;margin: auto;display: block;}
.weDo-box .item p{font-size: 14px;color: #111;text-align: center;padding-top: 10px;padding-bottom: 0px;}



.weDo{padding: 30px 0px 15px;}
.headTit{padding-top: 20px;padding-bottom: 30px;}
.headTit h2{font-size: 18px;}
.weDo-box .item{width: 50%;}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
}
@media (min-width: 1230px) {
    .headTit{padding-top: 50px;padding-bottom: 50px;}
    .headTit h2{font-size: 30px;}

    .weDo{padding: 50px 0px 50px;}
    .weDo-box .item{width: 25%;}
}
@media (min-width: 1400px) {
}

/* 我们能做什么   end */
/* 主打业务 begin */

.weOper-box{margin-left: -13px;margin-right: -13px;}
.weOper-box .item{box-sizing: border-box;float: left;box-sizing: border-box;padding: 0px 13px; margin-bottom: 15px;}
.weOper-box .itemBox{border-radius: 10px; box-shadow: 0 0 27px rgba(109,109,109,0.18);padding: 46px 25px 160px;
    background-position: left bottom;background-size: 100% auto;
    background-repeat: no-repeat; transition: 0.4s;}
.weOper-box .itemBox:hover{box-shadow: 0 0 27px rgba(109,109,109,0.48);}


.weOper-box .itemBox p{line-height: 32px;}

.weOper-box .itemBox.bg1{background-image: url(../images/o_icon1.png);}
.weOper-box .itemBox.bg2{background-image: url(../images/o_icon2.png);}
.weOper-box .itemBox.bg3{background-image: url(../images/o_icon3.png);}
.weOper-box .itemBox.bg4{background-image: url(../images/o_icon4.png);}

.weOper{padding: 15px 0px;}
.weOper-box .item{width: 100%;}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
}
@media (min-width: 1230px) {
    .weOper{padding: 30px 0px;}
    .weOper-box .item{width: 25%;}
}
@media (min-width: 1400px) {
}

/* 主打业务   end */
/* 我们的案例 begin */

.weCase .weCase-warp{position: relative;z-index: 10;margin-left: -22px;margin-right: -22px;}
.weCase-warp-item{width: 16.66%;float: left;box-sizing: border-box;padding: 0px 22px;}
.weCase-item-content{}
.weCase-item-content span{display: block;width:100%;}
.weCase-item-content span img{vertical-align: top;width: 100%;}
.weCase-item-content p{font-size: 16px;color: #111111;padding: 10px 0px 20px;text-align: center;}


.carousel-btn{position: absolute;color: #999999;bottom: 90px;}
.carousel-btn:hover, .carousel-btn:visited, .carousel-btn:active, .carousel-btn.on{color: #111111;}
.carousel-left{left: -100px;}
.carousel-right{right: -100px;transform: rotateZ(180deg);}
.carousel-btn i{font-size: 45px;}

.weCase{padding: 15px 0px;}
.weCase .weCase-warp{margin-left: -7.5px;margin-right: -7.5px;}
.weCase-warp-item{width: 50%;padding: 0px 7.5px;}
.carousel-btn{display: none;}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
}
@media (min-width: 1230px) {
    .weCase{padding: 30px 0px;}
    .weCase .weCase-warp{margin-left: -22px;margin-right: -22px;}
    .weCase-warp-item{width: 16.66%;}
    .carousel-btn{display: block;}
}
@media (min-width: 1400px) {
}

/* 我们的案例   end */
/* 经典合作案例 start*/
.weCoop{background-image:url("../images/bg_img1.jpg");background-repeat: nowrap; background-position: center center;background-size: cover;padding: 30px 0px 50px;}
.weCoop-page{}
/*.weCoop-left{width:240px;float: left;position: relative;margin-top: 10px;}
.weCoop-right{width: 960px;float: left;}*/

/*.navLine{position: absolute;top: 0px;left: 140px;width:4px;height: 100%;background-color: #fff;border-radius: 2px;}
.navLine span{display: block;width: 4px;height: 70px;background-color: #1c7af8;position: absolute;border-radius: 2px;}*/

/*.weCoop-left .nav{position:relative;width:140px;text-align:center;font-size:18px;font-family:"微软雅黑";color:#fff;}
.weCoop-left .nav div{ height:70px;line-height:70px; text-align: left;font-size: 16px;color: #fff;cursor: pointer;}
.weCoop-left .nav div.on{color:#1c7af8; }*/

/*.weCoop-right .content{position:relative; width: 960px; height:375px; overflow:hidden;box-sizing: border-box;}
.weCoop-right .content .con-ggh{margin-left: -27px;margin-right: -27px;padding: 10px 0px;box-sizing: border-box;}
.weCoop-right .content .con-ggh .img{box-sizing: border-box;width: 25%;float: left;padding: 0px 27px;}
.weCoop-right .content .con-ggh .img span{display: block;height: 355px;overflow: hidden;border-radius: 4px;}
.weCoop-right .content .con-ggh .img span img{vertical-align: top;width: 100%;}*/



.weCoop{padding: 20px 0px 30px;}
.weCoop-left{width: 100%;box-sizing: border-box; position: relative;overflow-x: auto;}
.weCoop-right{width: 100%;float: left;}
.navLine{display: none;}

.weCoop-left .nav{position:relative;text-align:center;font-size:16px;font-family:"微软雅黑";color:#fff;white-space: nowrap;margin-left: -10px;margin-right: -10px;}
.weCoop-left .nav div{ height:50px;line-height:50px; text-align: left;font-size: 14px;color: #fff;cursor: pointer;display: inline-block;margin: 0px 10px;}
.weCoop-left .nav div.on{color:#1c7af8; }

.weCoop-right .content{position:relative; width: 100%; height:283px; overflow:hidden;box-sizing: border-box;}
.weCoop-right .content .con-ggh{margin-left: -7.5px;margin-right: -7.5px;padding: 10px 0px;box-sizing: border-box;white-space: nowrap;overflow-x: auto;}
.weCoop-right .content .con-ggh .img{box-sizing: border-box;width: 160px;padding: 0px 7.5px;display: inline-block;position: relative;overflow:hidden;}
.weCoop-right .content .con-ggh .img span{display: block;height: 259px;overflow: hidden;border-radius: 4px;}
.weCoop-right .content .con-ggh .img span img{vertical-align: top;width: 100%;}


.weCoop-right .content .con-ggh .img .erm{position: absolute;width:160px;; box-sizing: border-box;padding:0px 7.5px;top: 0%;left: 0px;
    box-sizing: border-box;border-radius: 4px;height: 100%;transition:0.6s;}
.weCoop-right .content .con-ggh .img .erm p{background-color: rgba(0,0,0,0.4);box-sizing: border-box;padding: 0px 10px;height: 100%;border-radius: 4px;overflow:hidden;}
.weCoop-right .content .con-ggh .img .erm img{width: 100%;top: 28%;position: relative;}

.weCoop-right .content .con-ggh .img:hover .erm{top: 0px;}


@media (min-width: 768px) {

}
@media (min-width: 992px) {
}
@media (min-width: 1230px) {
    .weCoop{padding: 30px 0px 50px;}
    .weCoop-left{width:240px;float: left;position: relative;margin-top: 10px;}
    .weCoop-right{width: 960px;float: left;}

    .navLine{position: absolute;top: 0px;left: 140px;width:4px;height: 100%;background-color: #fff;border-radius: 2px;display: block;}
    .navLine span{display: block;width: 4px;height: 70px;background-color: #1c7af8;position: absolute;border-radius: 2px;}


    .weCoop-left .nav{position:relative;/*margin-top:-300px;*/width:140px;text-align:center;font-size:18px;font-family:"微软雅黑";color:#fff;white-space: inherit;margin-left: 0px;margin-right: 0px;}
    .weCoop-left .nav div{ height:70px;line-height:70px; text-align: left;font-size: 16px;color: #fff;cursor: pointer;display: block;margin: 0px 0px;}
    .weCoop-left .nav div.on{color:#1c7af8; }


    .weCoop-right .content{position:relative; width: 960px; height:375px; overflow:hidden;box-sizing: border-box;}
    .weCoop-right .content .con-ggh{margin-left: -27px;margin-right: -27px;padding: 10px 0px;box-sizing: border-box;white-space: inherit;}
    .weCoop-right .content .con-ggh .img{box-sizing: border-box;width: 25%;float: left;padding: 0px 27px;position: relative;overflow:hidden;}
    .weCoop-right .content .con-ggh .img span{display: block;height: 355px;overflow: hidden;border-radius: 4px;position: relative;}
    .weCoop-right .content .con-ggh .img span img{vertical-align: top;width: 100%;}
    .weCoop-right .content .con-ggh .img .erm{position: absolute;width: 100%; top: 100%; left:0px; box-sizing: border-box;
        padding:0 27px; border-radius: 4px;height: 100%;transition:0.6s;}
    .weCoop-right .content .con-ggh .img .erm p{width:100%;height: 100%; background-color: rgba(0,0,0,0.4); box-sizing: border-box; padding:0 30px;border-radius: 4px;transition:0.6s;}

     .weCoop-right .content .con-ggh .img .erm img{width: 100%;top: 28%;position: relative;}

      .weCoop-right .content .con-ggh .img:hover .erm{top: 0px;}

}
@media (min-width: 1400px) {
}
/* 经典合作案例  end */

/* 合作品牌 begin */
.weBrand{padding: 15px 0px;}
.weBrand-con{display: -webkit-flex;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;overflow-x: auto;margin-left: -10px;margin-right: -10px;padding-left: 5px;padding-right: 5px;}
.weBrand-con .item{box-shadow: 0px 0px 17px rgba(109,109,109,0.19);margin:10px 5px;flex-shrink: 0;flex-grow: 0;}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
}
@media (min-width: 1230px) {
    .weBrand{padding: 30px 0px;}
    .weBrand-con{display: -webkit-flex;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
    .weBrand-con .item{box-shadow: 0px 0px 17px rgba(109,109,109,0.19);margin:20px 0px;}

}
@media (min-width: 1400px) {
}
/* 合作品牌   end */

/* 新闻资讯 begin */


/*.weNews-con .weNews-item{width: 50%;box-sizing: border-box;padding: 0px 24px;margin-bottom: 32px;float: left;}*/
.weNews-item .item{box-shadow: 0 0 17px rgba(109,109,109,0.19);background-color: #fff;box-sizing: border-box;padding: 32px;display: block;}

.weNews-item .item div h4{font-size: 16px;color: #111111;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 15px;}
.weNews-item .item div p{font-size: 14px;color: #666666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.weNews-item .item:hover{}
.weNews-item .item:hover span{color: #1c7af8;}
.weNews-item .item:hover div h4{color: #1c7af8;}
.weNews-item .item:hover div p{color: #1c7af8;}

    .weNews{padding: 15px 0px;}
    .weNews-con{margin-left: 0px;margin-right: 0px;}
    .weNews-con .weNews-item{width: 100%;box-sizing: border-box;padding: 0px 0px;margin-bottom: 10px;float: left;}

    .weNews-item .item span{float: left;width: 60px;font-size: 16px;color: #111111;}
    .weNews-item .item div{margin-left: 60px;}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
}
@media (min-width: 1230px) {
    .weNews{padding: 30px 0px;}
    .weNews-con{margin-left: -24px;margin-right: -24px;}
    .weNews-con .weNews-item{width: 50%;box-sizing: border-box;padding: 0px 24px;margin-bottom: 32px;float: left;}

    .weNews-item .item span{float: left;width: 88px;font-size: 16px;color: #111111;}
    .weNews-item .item div{margin-left: 88px;}
}
@media (min-width: 1400px) {
}
/* 新闻资讯   end */

/* footer start */
.footer-top{display: -webkit-flex; display: flex;flex-direction: row;justify-content: space-between;}

.footer-top dt{font-size: 18px;color: #fff;margin-bottom: 30px;}
.footer-top dd a{font-size: 16px;color: #5f5f5f;line-height: 36px;}
.footer-top dd a:hover{color: #fff;}
.footer-top h2{font-size: 24px;color: #ffcc1d;margin-bottom: 20px;}
.footer-top h2 i{font-size: 24px;margin-right: 10px;}

.footer-top .item-ewm{display: -webkit-flex;display: flex;justify-content: space-between;}
.footer-top .item-ewm-left{flex-grow: 0;flex-shrink: 0;width: 184px;}
.footer-top .item-ewm-left p{font-size: 14px;color: #fff;}
.footer-top .item-ewm-right{flex-grow: 0;flex-shrink: 0;width: 130px;}


.footer{padding: 40px 0 0px;background-color: #1c1c25;position: relative;}
.footer:after{content: "";display: block;position: absolute;width: 100%;height: 1px;background-color: #252525;bottom:60px;}
.container-footer{width:100%;margin: auto;padding: 0px 15px;}
.container-footer .item1{display: none;}
.footer-top{justify-content: center;}
.footer-bottom{height: 60px;line-height: 60px;text-align: center;font-size: 14px;color: #5f5f5f;}
.footer-top .item{margin-bottom: 40px;}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
    .footer{padding: 80px 0 0px;background-color: #1c1c25;position: relative;}
    .footer:after{content: "";display: block;position: absolute;width: 100%;height: 1px;background-color: #252525;bottom:75px;}
    .container-footer{width:962px;margin: auto;padding: 0px 0px;}
    .container-footer .item1{display: block;}
    .footer-top{justify-content: space-between;}
    .footer-bottom{height: 75px;line-height: 75px;text-align: center;font-size: 14px;color: #5f5f5f;}
    .footer-top .item{margin-bottom: 70px;}
    .footer-top .item-ewm-left{flex-grow: 0;flex-shrink: 0;width: 194px;}
}
@media (min-width: 1230px) {
    .container-footer{width:1200px;margin: auto;}
}
@media (min-width: 1430px) {
    .container-footer{width:1400px;margin: auto;}
}
/* footer   end */

/* 小程序流量入口 begin */
.weApp{padding: 30px 0px;}
.weApp-con{background-image: url(../images/w_bg1.png);background-repeat: no-repeat;background-position: center center;}
.weApp-warp{}


.weApp{padding: 15px 0px;}
.weApp-item{padding: 35px 0px;display:block;}
.weApp-item .item{padding: 15px;line-height: 28px;
    color:#111111;font-size: 14px;box-shadow: 0 0 17px rgba(109,109,109,0.19);border-radius: 4px;
    background-color: #fff;transition: 0.6s;cursor: pointer;position: relative;top: 0px;margin-bottom: 15px;}
.weApp-item .item:hover{box-shadow: 0 0 17px rgba(109,109,109,0.49);top: -5px;}
.weApp-item1{padding: 0px 0px;}
.weApp-item2{padding: 0px 0px;}
.weApp-item3{padding: 0px 0px;}
.weApp-item4{padding: 0px 0px;}

.weApp-item .item img{width: 22px;height: 22px;vertical-align: middle;margin-right: 10px;}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
    .weApp{padding: 30px 0px;}
    .weApp-item{padding: 35px 0px;display: -webkit-flex;display: flex;justify-content: space-between;flex-direction: row;}
    .weApp-item .item{padding: 30px;line-height: 28px;color:#111111;font-size: 16px;box-shadow: 0 0 17px rgba(109,109,109,0.19);
        border-radius: 4px;background-color: #fff;transition: 0.6s;cursor: pointer;position: relative;top: 0px;;margin-bottom:0px;
    }
    .weApp-item .item:hover{box-shadow: 0 0 17px rgba(109,109,109,0.49);top: -5px;}
    .weApp-item1{padding: 35px 218px;}
    .weApp-item2{padding: 35px 55px 35px 83px;}
    .weApp-item3{padding: 35px 90px 35px 45px;}
    .weApp-item4{padding: 35px 151px;}

    .weApp-item .item img{width: 28px;height: 28px;vertical-align: middle;margin-right: 26px;}
}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}
/* 小程序流量入口   end */
/* 小程序应用场景  begin */
.weSence{padding: 30px 0px;background-color:#f5f8ff;position: relative;}





.sence-box{
    background-image: url("../images/w_bg2.png");
    background-repeat: no-repeat;
     background-position: left center;
     /*width:6000px;*/
/*     display: -webkit-flex;
     display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
 }
/*.sence-item{padding: 56px 56px;
    display: -webkit-flex;display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;flex-wrap: nowrap;flex-direction: row;flex-grow: 0;flex-shrink: 0;}
.sence-item div{padding-left: 56px;}*/




    .weSence{padding: 15px 0px;background-color:#f5f8ff;position: relative;}
    .weSence:after{content: "";display: block;position: absolute;width: 100%;height: 1px;background-color: #dee6f9;top: 127px;}
    .sence-tab{display:block;white-space: nowrap;overflow-x: auto; position: relative;z-index: 2;margin-left: -10px;margin-right: -10px;}
    .sence-tab a{height: 44px;line-height: 44px;font-size: 14px;color: #111111;border-bottom: 1px solid transparent;width: auto;text-align: center;display: inline-block;margin: 0px 10px;}
    .sence-tab a.on{ color: #0b6bed;border-color: #0b6bed;}

    .sence-box{
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow:hidden;
     }
    .sence-item{
        padding: 10px 0px;
        display: block;
        align-items: center;
        width: 100%;
        box-sizing: border-box;flex-wrap: nowrap;flex-direction: row;flex-grow: 0;flex-shrink: 0;
        text-align: center;
    }
    .sence-item span{max-width: 100%;display: inline-block;}
    .sence-item div{padding-left: 0px;padding-top: 20px;}

    .sence-item h4{font-size: 16px; color: #111111; margin-bottom:15px;}
    .sence-item p{font-size: 14px;color: #111111;}


@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .weSence{padding: 30px 0px;background-color:#f5f8ff;position: relative;}
    .weSence:after{content: "";display: block;position: absolute;width: 100%;height: 1px;background-color: #dee6f9;top: 226px;}
    .sence-tab{display: -webkit-flex; display: flex;justify-content: space-around;position: relative;z-index: 2;}
    .sence-tab a{height: 64px;line-height: 64px;font-size: 18px;color: #111111;border-bottom: 1px solid transparent;width: 20%;text-align: center;}
    .sence-tab a.on{ color: #0b6bed;border-color: #0b6bed;}


    .sence-box{
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
     }
    .sence-item{
        padding: 56px 56px;
        display: -webkit-flex;display: flex;
        align-items: center;
        width: 100%;
        box-sizing: border-box;flex-wrap: nowrap;flex-direction: row;flex-grow: 0;flex-shrink: 0;
        text-align: left;
    }
    .sence-item div{padding-left: 56px;padding-top: 0px;}

    .sence-item h4{font-size: 26px; color: #111111; margin-bottom: 30px;}
    .sence-item p{font-size: 18px;color: #111111;}

}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}
/* 小程序应用场景    end */
/* 核心功能 begin */

.gong-warp{}
.gong-warp .item{width: 25%;float: left;box-sizing: border-box;margin-bottom: 40px;cursor: pointer;}
.gong-warp .item span{display: block;width: 100px;height: 80px;margin: 0px auto 15px;transition: 0.4s;transform: translateY(0);}
.gong-warp .item:hover span{transform: translateY(-20px);}
.gong-warp .item h4{text-align: center;font-size: 18px;color: #111111;margin-bottom: 15px;}
.gong-warp .item p{font-size: 14px;color: #111;text-align: center;line-height: 24px;}


.weGong{padding: 15px 0px;}
.gong-warp{margin-left: -7.5px;margin-right: -7.5px;}
.gong-warp .item{width: 50%;float: left;padding: 10px 7.5px;}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .weGong{padding: 30px 0px;}
    .gong-warp{margin-left: 0px;margin-right: 0px;}
    .gong-warp .item{width: 25%;float: left;padding: 15px;}
}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}

/* 核心功能   end */
/* 开发流程 begin */
/*.weProgres{padding: 30px 0px 0px;background-image: url(../images/w_bg3.png);background-repeat: no-repeat;background-position: center bottom;overflow: hidden;}*/
.progress-warp{box-sizing: border-box;padding-top: 50px;}
/*.progress-warp div{height: 572px;box-sizing: border-box;width: 12.5%;
    float: left;font-size: 14px;color: #111111;white-space: nowrap;text-align: center;position: relative;}*/
.progress-warp div span{position: relative;top: -30px;}

.progress-warp div i{display: inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #0b6bed;vertical-align: middle;margin:0px 5px;display: inline-block;}



.weProgres{padding: 30px 0px 0px;background-image: url(../images/w_bg3.png);background-repeat: no-repeat;background-size: 800px auto; background-position: center bottom;overflow: hidden;}


.progress-warp{display: -webkit-flex;display: flex;flex-direction: row;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;}
.progress-warp div{height: 230px;box-sizing: border-box;width: 12.5%; min-width: 100px;
    float: left;font-size: 14px;color: #111111;white-space: nowrap;text-align: center;position: relative;}

.progress-warp div:after{content: "";width: 1px;height: 100%;background-color: #dfdfdf;position: absolute;left: 29px;opacity: 0.5}

.progress-warp div.item1{padding-top: 53px; }
.progress-warp div.item2{padding-top: 75px; }
.progress-warp div.item3{padding-top: 38px; }
.progress-warp div.item4{padding-top: 0px;}
.progress-warp div.item5{padding-top: 26px;}
.progress-warp div.item6{padding-top: 60px;}
.progress-warp div.item7{padding-top: 33px;}
.progress-warp div.item8{padding-top: 23px;}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .weProgres{padding: 30px 0px 0px;background-image: url(../images/w_bg3.png);background-repeat: no-repeat;background-size: 100% auto;background-position: center bottom;overflow: hidden;}
    .weProgres{padding: 15px 0px 0px;}
    .progress-warp div{height: 572px;box-sizing: border-box;width: 12.5%;
    float: left;font-size: 14px;color: #111111;white-space: nowrap;text-align: center;position: relative;}

    .progress-warp div.item1{padding-top: 153px; }
    .progress-warp div.item2{padding-top: 220px; }
    .progress-warp div.item3{padding-top: 110px; }
    .progress-warp div.item4{padding-top: 0px;}
    .progress-warp div.item5{padding-top: 70px;}
    .progress-warp div.item6{padding-top: 170px;}
    .progress-warp div.item7{padding-top: 100px;}
    .progress-warp div.item8{padding-top: 65px;}

    .progress-warp div:after{content: "";width: 1px;height: 100%;background-color: #dfdfdf;position: absolute;left: 55px;opacity: 0.5}
}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}

/* 开发流程   end */
/* 常见功能 begin */
.weNeng{padding: 30px 0px 60px;}
/* 常见功能   end */
/* 公众号类型 begin */

.weType-con{}
.weType-con .item{width: 33.33%;box-sizing: border-box;padding: 0px 15px;float: left;}

.weType-con .item h4{font-size: 18px;color: #111111;text-align: center;margin-bottom: 26px;}
.weType-con .item p{font-size: 14px;color: #666666;text-align: center;line-height: 24px;}
.weType-con .item p.p1{height: 96px;margin-bottom: 20px;}


    .weType{padding: 10px 0px 20px;}
    .weType-con .item{width: 100%;box-sizing: border-box;padding: 0px 0px 30px;float: left;}
    .weType-con .item span{display: block;width: 190px;margin:0px auto 15px;}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .weType{padding: 30px 0px 60px;}
    .weType-con .item{width: 33.33%;box-sizing: border-box;padding: 0px 15px;float: left;}
    .weType-con .item span{display: block;width: 190px;margin:0px auto 40px;}
}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}

/* 公众号类型   end */

.weNeng-con{display: block;}
.weNeng-con span{display: block;max-width: 100%;}
.weNeng-con span img{width: 100%;}




/* 定制性开发  begin */
.weKai{padding: 30px 0px 80px;background-image: url(../images/w_bg4.png);background-repeat: no-repeat;background-position: center top;}
.weKai-con{}
.weKai-con .item{width: 25%;float: left;overflow: hidden;position: relative;}
.weKai-con .item span{display: block;}
.weKai-con .item span img{width: 100%;}


.weKai-con .item .con h4{font-size: 24px;color: #fff;margin-bottom: 20px;text-align: center;}
.weKai-con .item .con p{font-size: 18px;text-align: center;line-height: 30px;color: #fff;}


.weKai-con{}
.weKai-con .item{width: 50%;float: left;overflow: hidden;position: relative;}
.weKai-con .item .con{padding: 30px 10px 10px;}

.weKai-con .item .con h4{font-size: 14px;margin-bottom: 10px;}
.weKai-con .item .con p{font-size: 12px;line-height: 22px;}

.weKai-con .item .con{position: absolute;width: 100%;height: 100%;box-sizing: border-box;top: 0%;left: 0px;background-color: rgba(0,0,0,0.5);box-sizing: border-box;
    transition: 0.4s;
    text-align: center;
}
.weKai-con .item:hover .con{top: 0px;}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .weKai{padding: 10px 0px 30px;}
    .weKai-con{}
    .weKai-con .item{width: 25%;float: left;overflow: hidden;position: relative;}

    .weKai-con .item .con{padding:70px 10px 10px;}
    .weKai-con .item .con h4{font-size: 24px;margin-bottom: 20px;}
    .weKai-con .item .con p{font-size: 18px;line-height: 30px;max-width: 236px;text-align: center;display: inline-block;}

    .weKai-con .item .con{position: absolute;width: 100%;height: 100%;box-sizing: border-box;top: 100%;left: 0px;background-color: rgba(0,0,0,0.5);box-sizing: border-box;
        transition: 0.4s;
        text-align: center;
    }
    .weKai-con .item:hover .con{top: 0px;}

}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}

/* 定制性开发    end */
.weContact{}
.weContact a{height: 54px;background-color: #0b6bed;font-size: 18px;color: #fff;display: block;width:100%;line-height: 54px;position: fixed;bottom: 0px;left: 0px;z-index: 1000;text-align: center;}
.weContact div{height: 54px;width: 100%;}
@media (min-width: 992px) {
    .weContact{display: none;}
}


/* 经典案例  begin */
.brand{padding: 50px 0px;}
.brandBox{}
.brandBox>div{width:50%;float: left;}
.brandBox>div span{display: block;max-width: 130px;height: 70px;margin: 0 auto 30px;}
.brandBox>div span img{width: 100%;vertical-align: top;}


.moreCase{background: url(../images/w_bg5.png) no-repeat center center;background-size: cover;padding: 20px 0px;}
.moreCase h4{font-size: 16px;color: #fff;text-align: center;margin-bottom: 10px;}
.moreCase a{display: block; width: 135px;height: 36px;margin: auto;font-size: 14px;color: #0b6bed;background-color: #ffffff;text-align: center;line-height: 36px;}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .brand{padding: 50px 0px;}
    .brandBox{}
    .brandBox>div{width:16.66%;float: left;}
    .brandBox>div span{display: block;max-width: 130px;height: 70px;margin: 0 auto 30px;}


    .moreCase{background: url(../images/w_bg5.png) no-repeat center center;background-size: cover;padding: 40px 0px;}
    .moreCase h4{font-size: 26px;color: #fff;text-align: center;margin-bottom: 10px;}
    .moreCase a{display: block; width: 135px;height: 46px;margin: auto;font-size: 18px;color: #0b6bed;background-color: #ffffff;text-align: center;line-height: 46px;}

}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}




/* 关于我们  begin */
.cOur{padding:10px 0px 40px;}
.cOur-Nav{margin-left: -12px;margin-right: -12px;margin-bottom: 30px;display:none;}
.cOur-Nav .item{width: 25%;float: left;padding: 0px 12px;box-sizing: border-box;}
.cOur-Nav .item a{display: block;height: 70px;border-bottom: 0px solid transparent;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);position: relative;overflow:hidden;text-align: center;line-height: 70px;font-size: 18px;
    color: #111111;
}
.cOur-Nav .item a:after{content: "";display: block;width: 70px;height: 70px;border-radius: 50%;background-color: #dbe9fc;position: absolute;left: -200px;top: -200px;transition: 0.5s;}
.cOur-Nav .item a i{content: "";display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: #0b6bed;position: relative;left: -10px;top: -3px;opacity: 0;transition: 0.3s;}
.cOur-Nav .item a:before{content: "";display: block;width: 0%;height: 3px;bottom: 0px;left: 0px;position: absolute;background-color: #0b6bed;transition: 0.5s;}


.cOur-Nav .item a.active i, .cOur-Nav .item a:hover i{opacity: 1;}
.cOur-Nav .item.active a:after, .cOur-Nav .item:hover a:after{left: -20px;top: -20px;}
.cOur-Nav .item.active a:before, .cOur-Nav .item:hover a:before{width: 100%;}



@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .cOur{padding: 80px 0px;}
    .cOur-Nav{display: block;}
}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}



.ourWe-box{display: block;width: 100%;}
.ourWe-box .item-left{display: block;width:100%;vertical-align: middle;margin-bottom: 20px;}
.ourWe-box .item-left span{display: block;}
.ourWe-box .item-left span img{vertical-align: top;width: 100%;}


.ourWe-box .item-right{display: block;width: 100%;vertical-align: middle;padding-left: 0px;margin-bottom: 20px;}
.ourWe-box .item-right h4{font-size: 20px;color: #111;text-align: center;margin-bottom: 20px;}
.ourWe-box .item-right  p{font-size: 14px;color: #8c8c8c;margin-bottom: 15px;}



@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .ourWe-box{display: table;width: 100%;}
    .ourWe-box .item-left{display: table-cell;width:54%;vertical-align: middle;}
    .ourWe-box .item-left span{display: block;}
    .ourWe-box .item-left span img{vertical-align: top;width: 100%;}



    .ourWe-box .item-right{display: table-cell;width: 46%;vertical-align: middle;padding-left: 30px;}
    .ourWe-box .item-right h4{font-size: 20px;color: #111;text-align: center;margin-bottom: 20px;}
    .ourWe-box .item-right  p{font-size: 14px;color: #8c8c8c;margin-bottom: 15px;}
}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}





.ourServer-box{margin-left: -15px;margin-right: -15px;}
.ourServer-box .item{width: 50%;float: left;box-sizing: border-box;padding: 0px 15px;display: -webkit-flex; display: flex;align-items: center;margin-bottom: 35px;}
.ourServer-box .item span{width: 70px;height: 70px;flex-flow: 0;flex-shrink: 0;}
.ourServer-box .item span img{display: block;width: 100%;vertical-align: top;}
.ourServer-box .item p{padding-left: 15px;font-size: 18px;color: #111111;}


.ourServer-box .item{width: 100%;}
.ourServer-box .item p{padding-left: 15px;font-size: 14px;color: #111111;}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .ourServer-box .item{width: 50%;}
    .ourServer-box .item p{padding-left: 15px;font-size: 18px;color: #111111;}
}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}




.join-box{}
.join-box .item{padding: 20px 0px;display: block;background-color: #f5f5f5;margin-bottom: 32px;}
.join-box .item span{padding: 0px 20px 15px;font-size: 18px;color: #111111;flex-shrink: 0;flex-grow: 0;}
.join-box .item div{border-left: 1px solid #e9e9e9;padding-left: 20px;padding-right: 20px;flex-grow: 1;}
.join-box .item div p{font-size: 14px;color: #3c3c3c;line-height: 32px;}


@media (min-width: 768px) {

}
@media (min-width: 992px) {

    .join-box{}
    .join-box .item{padding: 40px 0px;display: -webkit-flex;display: flex;align-items: center;background-color: #f5f5f5;margin-bottom: 32px;}
    .join-box .item span{padding: 0px 60px 0px;font-size: 18px;color: #111111;flex-shrink: 0;flex-grow: 0;}
    .join-box .item div{border-left: 1px solid #e9e9e9;padding-left: 40px;padding-right: 40px;flex-grow: 1;}
    .join-box .item div p{font-size: 14px;color: #3c3c3c;line-height: 32px;}

}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}


.weTel{}
.weTel .item{width: 50%;float: left;box-sizing: border-box;position: relative;}
.weTel .item span{display: block;width: 100%;}
.weTel .item span img{vertical-align: top;width: 100%;}
.weTel .item div{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(11,107,237,0.70); display: -webkit-flex;display: flex;justify-content: center;flex-direction: column;padding-left: 15%;
    font-size: 14px;color: #fff;line-height: 32px;

}


.weTel .item{width: 100%;float: left;box-sizing: border-box;position: relative;margin-bottom: 15px;}
.weTel .item div{padding-left: 15px;padding-right: 15px;}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
    .weTel .item{width: 50%;float: left;box-sizing: border-box;position: relative;}
    .weTel .item div{padding-left: 15%;}
}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}

/* 关于我们    end */

/* 关于我们详情页面 begin */

.newsContent{padding: 40px 0px 70px;}
.contentBox>.tit{font-size: 20px;color: #111111;text-align: center;line-height: 32px;margin-bottom: 10px;}
.contentBox>.info{font-size: 14px;color: #999999;text-align: center;margin-bottom: 25px;}
.contentBox .detail{}
.contentBox .detail p{font-size: 14px;color: #666666;line-height: 26px;margin-bottom: 10px;}
.contentBox .detail img{max-width: 100%;display: block;margin: 0px auto 10px;}

@media (min-width: 768px) {

}
@media (min-width: 992px) {
    .newsContent{padding: 70px 0px 140px;}
    .contentBox>.tit{font-size: 32px;color: #111111;text-align: center;line-height: 40px;margin-bottom: 10px;}
    .contentBox>.info{font-size: 16px;color: #999999;text-align: center;margin-bottom: 25px;}
    .contentBox .detail{}
    .contentBox .detail p{font-size: 16px;color: #666666;line-height: 28px;margin-bottom: 20px;}
    .contentBox .detail img{max-width: 100%;display: block;margin: 0px auto 10px;}
}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}


/* 关于我们详情页面   end */
/* 案例详情 begin */
.caseBox{padding: 20px 0px 40px;}
.caseContent{}
.caseContent .item{}
.caseContent .headCaseTit{position: relative;height: 100px;box-sizing: border-box;padding-top: 62px;margin-bottom: 10px;}
.caseContent .headCaseTit span{position: absolute;font-size: 80px;font-weight: bold;color: #dadada;top: 0px;left: 0px;}
.caseContent .headCaseTit p{font-size: 18px;color: #111111;font-weight: bold;position: relative;z-index: 10;}
.headCaseCon{padding-left: 20px;}
.headCaseCon h4{position: relative;font-size: 14px;color: #111111;line-height: 24px;margin-top: 10px;}
.headCaseCon h4:after{content: "";display: inline-block;width: 6px;height: 6px;background-color: #111111;border-radius: 50%;position: absolute;top: 10px;left: -15px;}
.headCaseCon p{font-size: 14px;color: #666666; line-height: 26px;margin-left: -20px;}

.headCaseCon .iitem{width: 50%;padding-left: 10px;box-sizing: border-box;float: left;}

@media (min-width: 768px) {

}
@media (min-width: 992px) {
    .caseBox{padding: 60px 0px 120px;}
    .caseContent{}
    .caseContent .item{}
    .caseContent .headCaseTit{position: relative;height: 150px;box-sizing: border-box;padding-top: 110px;margin-bottom: 20px;}
    .caseContent .headCaseTit span{position: absolute;font-size: 130px;font-weight: bold;color: #dadada;top: 0px;left: 0px;}
    .caseContent .headCaseTit p{font-size: 24px;color: #111111;font-weight: bold;position: relative;z-index: 10;}
    .headCaseCon{padding-left: 20px;}
    .headCaseCon h4{position: relative;font-size: 16px;color: #111111;line-height: 26px;margin-top: 20px;}
    .headCaseCon h4:after{content: "";display: inline-block;width: 6px;height: 6px;background-color: #111111;border-radius: 50%;position: absolute;top: 10px;left: -15px;}
    .headCaseCon p{font-size: 14px;color: #666666; line-height: 26px;}

    .headCaseCon .iitem{width: 50%;padding-left: 10px;box-sizing: border-box;float: left;}
}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}




.weTelCon{width: 136px;height: 136px;position: fixed;left: 0%;top: 60%;z-index: 1000000;cursor: pointer;display: none;}
.weTelCon a{display: block;}
.weTelCon a img{width: 100%;vertical-align: top;}

@media (min-width: 768px) {

}
@media (min-width: 992px) {
    .weTelCon{display: block;}
}
@media (min-width: 1230px) {
}
@media (min-width: 1430px) {
}

/* 案例详情   end */