body{
    font-family: "Microsoft YaHei","微软雅黑",Helvetica,"Hiragino Sans GB",Arial,sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    background-repeat: repeat;
}

/* ----------------------------------------------------------------
    单选和多选
-----------------------------------------------------------------*/
.radio,
.checkbox,
.t_radio{
    margin-top: 0;
    padding: 10px 10px 10px 40px !important;
    position: relative;
}
.radio input[type="radio"],
.t_radio input[type="radio"],
.checkbox input[type="checkbox"]{
    opacity:1;
    position: absolute;
    left: 8px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    outline: 0;
    background:url("../img/start_heart.png") no-repeat;
    -webkit-background-size: 90px 180px;
    -moz-background-size: 90px 180px;
    -o-background-size: 90px 180px;
    background-size: 90px 180px;
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
    background-origin: content-box;
    -moz-background-origin: content-box;
    -webkit-background-origin: content-box;
}
.t_radio input[type="radio"]{
    background:url("../img/radio.png") no-repeat;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
}
.t_radio input[type="radio"]:checked{
    background:url("../img/radio_check.png") no-repeat;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
}
.radio input[type="radio"]:checked{
    background-position: -30px 0
}
.checkbox input[type="checkbox"]{
    background-position: 0 -30px
}
.checkbox input[type="checkbox"]:checked{
    background-position: -30px -30px
}
/* ----------------------------------------------------------------
    通用
-----------------------------------------------------------------*/
img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
a{
    color: #666;
}
a, a:hover, a:focus{
    text-decoration: none;
}
a:hover{
    color: #01baff;
}
ul,p{
    margin-bottom: 0px;
}
p{
    line-height: 24px;
}

.media-left{
    float: left;
}

.text-muted{
    color: #999;
}

.btn-info{
    background: #01baff;
    border-color: #01baff;
}
.btn-info:hover{
    background: #03a9e7;
    border-color: #01baff;
}

.col-2{
    float: left;
    position: relative;
    width: 20%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.pem{
    text-indent: 2em;
}

.text_white{
    color: #fff;
}
.text_000{
    color: #000;
}


.bg_white{
    background: #fff;
}
.bg_f5f5f5{
    background: #f5f5f5;
}

.font14{
    font-size: 14px;
}

.no_padding{
    padding-left: 0px;
    padding-right: 0px;
}
.no_padding_left{
    padding-left: 0px;
}
.no_padding_right{
    padding-right: 0px;
}
.pt5{
    padding-top: 5px;
}

.pt100{
    padding-top: 100px;
}

.no_margin{
    margin: 0px;
}

/* ----------------------------------------------------------------
    首页
----------------------------------------------------------------- */
.navbar{
    min-height: 100px;
    margin-bottom: 0px;
    border-radius: 0px;
    border: none;
}
.navbar-default{
    background: #fff;
}
.navbar-brand {
    height: 100px;
    padding: 29px 15px;
}
.nav>li>a {
    padding: 39px 20px 38px 20px;
    font-size: 16px;
    border-bottom: 3px solid #fff;
}
.navbar-default .navbar-nav>li>a{
    color: #333;
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #01baff;
    background: none;
    border-bottom: 3px solid #01baff;
}

.dropdown-menu{
    min-width: 280px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    border: none;
}
.sousuo{
    background: #f5f5f5;
    border: none;
    box-shadow: none;
}

.nav_2{
    border-top: 1px solid #eee;
}
.nav_2 ul li a{
    display: block;
    color: #999;
    height: 48px;
    line-height: 48px;
    margin-right: 58px;
}
.nav_2 ul li a:hover{
    color: #01baff;
}


.index_xiaoguo1{
    position: relative;
    margin-top: 32px;
}
.index_xiaoguo1 .swiper-slide a{
    width: 100%;
    display: block;
    height: 480px;
    background-size: 100% auto;
}
.swiper-button-next, .swiper-button-prev{
    background: none;
    width: 48px;
    height: 48px;
    opacity: 0.5;
}
.swiper-button-next:hover, .swiper-button-prev:hover{
    opacity: 1;
}
.swiper-button-next{
    right: 38px;
}
.swiper-button-prev{
    left: 38px;
}
.swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}
.swiper-pagination-bullet-active{
    background: #01baff;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 24px;
}

.banner_di1,.banner_di2,.banner_di3,.banner_di4{
    display: block;
    padding: 64px 30px;
    margin-top: 30px;
    color: #fff;
    background: url(../img/banner_di_xcx.png) #f4c462 no-repeat right 30px center;
}
.banner_di2{
    background: url(../img/banner_di_h5.png) #fd815d no-repeat right 30px center;
}
.banner_di3{
    background: url(../img/banner_di_qywzjs.png) #2cbaef no-repeat right 30px center;
}
.banner_di4{
    background: url(../img/banner_di_dswz.png) #ff3b64 no-repeat right 30px center;
}
.banner_di1:hover,.banner_di2:hover,.banner_di3:hover,.banner_di4:hover{
    color: #fff;
    background-position: right 34px center;
}


.bt_1 h3{
    margin: 40px 0px;
}

.zxtj{
    padding: 0px;
    border: none;
    margin-bottom: 58px;
}
.zxtj .caption{
    padding: 32px 0px 18px 0px;
    border-bottom: 1px solid #eee;
}
.zxtj .caption h4{
    font-size: 16px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.zxtj .caption a{
    border-radius: 50px;
    padding: 4px 18px;
    background: none;
    border-color: #fff;
    color: #999;
}
.zxtj .caption a:hover{
    background: #02baff;
    border-color: #02baff;
    color: #fff;
}

.xwzx .list-group-item .media-left img{
    width: 118px;
    height: 68px;
}
.xwzx{
    padding: 12px 0px;
    border: 1px solid #eee;
}
.list-group-item:first-child,.list-group-item:last-child{
    border-radius: 0px;
}
.xwzx_bt{
    margin: 0px;
    background: #fff;
    border: 1px solid #eee;
    border-bottom: none;
    padding: 18px 24px;
}
.xwzx_bt a{
    margin-top: 2px;
}
.list-group-item{
    padding: 12px 24px;
    border: none;
}
.xwzx .media .media-left{
    padding-right: 18px;
}
.xwzx .media .media-body .media-heading{
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.bt_2 h3{
    margin: 40px 0px 20px 0px;
}
.bt_2 p{
    margin-bottom: 40px;
}
.wmdyw{
    border: 1px solid #eee;
    padding: 50px 15px 18px 15px;
    margin: 0px;
}
.wmdyw:hover{
    border: none;
    box-shadow: 0px 6px 15px rgba(1,186,255,0.3);
}
.wmdyw h4{
    margin: 30px 0px;
}
.wmdyw a{
    background: #f5f5f5;
    color: #333;
    border: #f5f5f5;
    margin-bottom: 18px;
    padding: 10px 0px;
    border-radius: 50px;
}
.wmdyw .col-md-6{
    padding: 0px 9px;
}
.wmdyw2{
    padding-bottom: 76px;
}

.llgd a{
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 1px solid #373737;
    line-height: 100px;
}
.llgd a:hover{
    border:1px solid #01baff;
}

.index_xiaoguo2 .swiper-button-next{
    right: -58px;
    margin-top: -24px;
}
.index_xiaoguo2 .swiper-button-prev{
    left: -58px;
    margin-top: -24px;
}
.index_xiaoguo2 .img-thumbnail{
    border-radius: 0px;
}
.index_xiaoguo2 .swiper-slide{
    border: 1px solid #eee;
}

.bs-docs-footer{
    margin-top: 80px;
    border-top: 1px solid #eee;
}
.bs-docs-footer h4{
    margin: 42px 0px 18px 0px;
}
.bs-docs-footer li{
    line-height: 36px;
    color: #666;
}
.bs-docs-footer a{
    color: #666;
}
.bs-docs-footer a:hover{
    color: #01baff;
}

.dibu_bqsy{
    border-top: 1px solid #ddd;
    padding: 12px 0px;
    margin-top: 30px;
}
.dibu_bqsy p{
    line-height: 48px;
}

.right_zhuangtai{
    position: fixed;
    right: 48px;
    bottom: 48px;
}
.right_zhuangtai a{
    display: block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background: #fff;
    border-radius: 8px;
    margin-top: 18px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.1)
}
.zhuangtai_style .dropdown-menu{
    right: 68px;
    bottom: 0px;
    padding: 24px;
    z-index: 10000;
    min-width: 180px;
}

/* ----------------------------------------------------------------
    案例
-----------------------------------------------------------------*/
.case_nav{
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1)
}
.jumbotron{
    margin: 0px;
}
.case_banner{
    background: url(../img/banner_annliu_bg.jpg) no-repeat center center;
    background-size: auto 100%;
    padding: 58px 0px;
}
.case_banner h1{
    font-size: 30px;
}
.case_banner h4{
    margin:15px 0px 48px 0px;
}

.case_funav{
    margin-bottom: 80px;
}
.case_funav li a{
   display: block;
   padding: 24px 24px;
   margin: 0px 24px;
   font-size: 18px;
   border-bottom: 3px solid #f5f5f5;
}
.case_funav .active a{
    color: #01baff;
   border-bottom: 3px solid #01baff;
}

.pagination>li>a, .pagination>li>span{
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 60px;
    padding: 0px;
    font-size: 16px;
    margin: 0px 15px;
    color: #333;
    border-color: #eee;
}
.pagination>li:first-child>a, .pagination>li:first-child>span{
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span{
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
.pagination>li>a:hover{
    background: #01baff;
    border: #01baff;
    color: #fff;
}
.pagination{
    margin: 36px 0px 68px 0px;
}

/* ----------------------------------------------------------------
    帮助中心
-----------------------------------------------------------------*/
.heip_left,.heip_right,.help_ds_toubu{
    margin-top: 48px;
}
.heip_left .list-group-item{
    background: #f5f5f5;
    font-size: 16px;
    margin-bottom: 6px;
    padding: 16px;
}
.heip_left .list-group-item.active,.heip_left .list-group-item.active:focus,.heip_left .list-group-item.active:hover,
.heip_left .list-group-item:focus,.heip_left .list-group-item:hover{
    background: #01baff;
    color: #fff;
}

.heip_right .list-group-item{
    padding: 18px 100px 18px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.heip_right .list-group-item span{
    position: absolute;
    right: 0px;
}
.heip_right .list-group-item.active,.heip_right .list-group-item.active:focus,.heip_right .list-group-item.active:hover{
    background: none;
    border-top: none;
    border-bottom: 1px solid #eee;
    color: #000;
    font-size: 16px;
}

.help_ds_toubu,.help_ds_lierong{
    padding: 12px 0px;
}
.help_ds_lierong p{
    text-indent: 2em;
    margin-bottom: 22px;
}

.help_ds_tupian{
    margin-bottom: 20px;
}

.pager{
    margin: 58px 0px; 
}
.pager li>a, .pager li>span,.pager li>a:hover{
    padding: 15px 20px;
    border-radius: 0px;
    border: none;
    background: none;
}
.pager li>a span{
    color: #333;
}

/* ----------------------------------------------------------------
    发布需求
-----------------------------------------------------------------*/
.release_nav{
    box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}
.release_1{
    margin-top: 48px;
    padding: 48px 15px;
}
.release_left{
    padding: 0px 15px 0px 78px;
}
.release_left h3{
    margin-bottom: 38px;
    color: #000;
}
.release_left .form-group{
    margin-bottom: 22px;
}
.release_group{
    padding: 0px;
    min-width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 0px;
    border: none;
    background: #fff;
}
.release_input1{
    border:none;
    border-radius: 0px;
    height: 48px;
    box-shadow: none;
    border-left: 1px solid #f5f5f5;
}
.release_input2{
    border-radius: 0px;
    border:none;
    box-shadow: none; 
}
.release_bin{
    padding: 18px 82px;
    font-size: 18px;
    border-radius: 50px;
    margin: 24px 0px 32px 0px;
}

.release_right{
    margin-top: 98px;
}

/* ----------------------------------------------------------------
    关于我们
-----------------------------------------------------------------*/
.about_banner{
    background: url(../img/about_banner.jpg) no-repeat center center;
    background-size: auto 100%;
    padding: 223px 30px;
}
.about_left{
    border-left: 6px solid #000;
    padding-left: 30px;
    margin: 68px 0px 68px 0px;
}
.about_right{
    margin-top: 68px;
}
.about_right p{
    margin-bottom: 32px;
}

.about_tdjs h3{
    margin: 24px 0px 6px 0px;
}
.about_tdjs p{
    margin-bottom: 24px;
}

.lxwm_left{
    padding: 130px 15px;
    height: 316px;
    margin-bottom: 30px;
}
.lxwm_left img{
    padding-right: 14px;
}

.lxwm_right{
    padding: 82px 15px;
}
.lxwm_right h3{
    margin: 0px 0px 38px 0px;
} 

.about_wmdhzhb{
    border: 1px solid #eee;
    margin-bottom: 30px;
}

/* ----------------------------------------------------------------
    网站建设
-----------------------------------------------------------------*/
.ewbsite_banner{
    background: url(../img/ewbsite_banner.jpg) no-repeat center center;
    background-size: auto 100%;
}
.hengxiang{
    display: inline-block;
    width: 68px;
    height: 3px;
    background: #5c468c;
}
.construction_1{
    padding: 86px 0px 124px 0px;
}
.construction_1 h2{
    font-weight: 300;
    font-size: 36px;
    margin: 0px;
}
.construction_1 h1{
    font-size: 36px;
    margin: 28px 0px 14px 0px;
}
.construction_1 h4{
    line-height: 30px;
    margin: 16px 0px 20px 0px;
}
.cn_style{
    border-color: #5c468c;
    background: #5c468c;
    color: #fff;
    padding: 12px 36px;
    border-radius: 50px;
}
.cn_style:hover{
    border-color: #4f3c79;
    background: #4f3c79;
    color: #fff;
}

.construction_2{
    background: url(../img/construction_bg2.jpg) no-repeat center center;
    background-size: auto 100%;
}
.hengxiang2{
    background: #fff;
}
.cn_style2{
    border-color: #fff;
    background: #fff;
    color: #01baff;
}
.cn_style2:hover{
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #01baff;
}
.construction_2 img{
    margin-top: 28px;
}

.construction_3{
    border-bottom: 1px solid #ddd;
}
.hengxiang3{
    background: #01baff;
}
.cn_style3{
    border-color: #01baff;
    background: #01baff;
}
.cn_style3:hover{
    border-color: #03a9e7;
    background: #03a9e7;
    color: #fff;
}

.construction_4 img{
    margin-top: 66px;
}
.hengxiang4{
    background: #f88cbe;
}
.cn_style4{
    border-color: #f88cbe;
    background: #f88cbe;
}
.cn_style4:hover{
    border-color: #dd7eaa;
    background: #dd7eaa;
    color: #fff;
}

.construction_5{
    background: url(../img/construction_bg5.jpg) no-repeat center center;
    background-size: auto 100%;
}
.construction_5 img{
    margin-top: 66px;
}
.cn_style5{
    border-color: #fff;
    background: #fff;
    color: #4984f0;
}
.cn_style5:hover{
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #4984f0;
}

.hengxiang6{
    background: #a9bff1;
}
.cn_style6{
    border-color: #a9bff1;
    background: #a9bff1;
}
.cn_style6:hover{
    border-color: #90a9e2;
    background: #90a9e2;
    color: #fff;
}

.construction_7{
    background-image: linear-gradient(#649bfa, #8e87fc);
}
.construction_7 img{
    margin-top: 58px;
}

.weixi_1 img{
    margin-top: 58px;
}
.weixi_hengxiang1{
    background: #2c9af9;
}
.weixi_styel1{
    border-color: #2c9af9;
    background: #2c9af9;
}
.weixi_styel1:hover{
    border-color: #2a8de2;
    background: #2a8de2;
    color: #fff;
}

.weixi_2{
    background: url(../img/weixi_2.jpg) no-repeat center center;
    background-size: auto 100%;
}
.weixi_2 img{
    margin-top: 58px;
}

.weixi_3{
    border-bottom: 1px solid #ddd;
}
.weixi_3 img{
    margin-top: 58px;
}

.mp_2{
    background: url(../img/mp_bg2.jpg) no-repeat center center;
    background-size: auto 100%;
}
.mp_2 img{
    margin-top: 58px;
}

/* ----------------------------------------------------------------
    案例
-----------------------------------------------------------------*/
.news_banner_bg{
    background: url(../img/news_banner_bg.jpg) no-repeat center center;
    padding: 55px 0px;
    margin-bottom: 80px;
}

/* ----------------------------------------------------------------
    营销推广
-----------------------------------------------------------------*/
.bg_ededed{
    background: #ededed;
}
.yxtg_wzjs{
    background: #3e8bff;
    margin-top: 48px;
}
.yxtg_wzjs_left{
    padding: 192px 100px;
}
.yxtg_wzjs_left h3{
    font-size: 36px;
    margin: 0px 0px 30px 0px;
}
.yxtg_wzjs_left h4{
    line-height: 30px;
}
.yxtg_wzjs_right{
    padding: 180px 30px 110px 30px;
}
.yxtg_an1{
    background: #fff;
    color: #3e8bff;
    display: inline-block;
    font-size: 18px;
    padding: 0px 11px 11px 36px;
    border-radius: 50px;
    height: 64px;
    line-height: 64px;
    margin-top: 68px;
}
.yxtg_an1:hover{
    background: #f5f5f5;
    color: #3e8bff;
}
.yxtg_an1 span{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    background: #3e8bff;
    color: #fff;
    margin-left: 64px;
}

.yxtg_wzjs2{
    background: #fff;
}

.yxtg_wzjs3{
    background: #02b2ca;
}

.yxtg_an2{
    background: #01baff;
    color: #fff;
}
.yxtg_an2:hover{
    background: #00a8e7;
    color: #fff;
}
.yxtg_an2 span{
    background: #fff;
    color: #01baff;
}

.yxtg_an3{
    color: #02b2ca;
}
.yxtg_an3:hover{
    color: #02b2ca;
}
.yxtg_an3 span{
    background: #02b2ca;
    color: #fff;
}
/* ----------------------------------------------------------------
    效果
-----------------------------------------------------------------*/
.guize_xg{
    position: relative;
}
.text{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(1,186,255,0.8);
    
}
.guize:hover .text{
    opacity: 1;
    transition: all 1s;
}

.text_juzhong{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text h4{
    color: #fff;
}

.guize_xg,.dlr_b{
    overflow: hidden;
}
.guize_xg img,.dlr_b img{              
    transition: all 0.6s;
}
.guize:hover img,.dlr_b:hover img{
    transform: scale(1.05);
}

.no_padding_promotion{
    padding: 0px;
}

/* ----------------------------------------------------------------
    手机
-----------------------------------------------------------------*/
@media (max-width: 1500px){
    .index_xiaoguo2 .swiper-button-next{
        right: 38px;
    }
    .index_xiaoguo2 .swiper-button-prev{
        left: 38px;
    }
}
@media (max-width: 900px){
}
@media (max-width: 750px){
    .dibu_bqsy{
        padding: 15px;
    }
    .about_banner{
        padding: 80px 30px;
    }
    .case_funav li a{
        padding: 24px 0px;
        margin: 0px 6px;
    }
    .pagination>li>a, .pagination>li>span{
        margin-bottom: 12px;
    }
    .pager .next>a, .pager .next>span{
        float: left;
    }
    .index_xiaoguo1 .swiper-slide a{
        height: 280px;
    }
    .banner_di1, .banner_di2, .banner_di3, .banner_di4{
        padding: 40px;
    }
    .help_ds_lierong img{
        
    }
    .yxtg_wzjs_left{
        padding: 60px 30px;
    }
    .yxtg_wzjs_right{
        padding: 60px 30px;
    }
    .no_padding_promotion{
        padding: 0px 15px;
    }
    .release_left{
        padding: 0px 15px 0px 15px;
    }
}