/* CSS Document */

body{ background-color: #f6f6f6; }
.dbt{ font-size: 16px;}
p,a,span{font-family: "微软雅黑", Arial; color: #505050;}
a,button{cursor:pointer;}
ul,ol{list-style:none;}
li{list-style-type:none;}
del,ins,u,s,a,a:hover{text-decoration:none;}




/* 头部 */
.tou{ width: 100%; height: 50px; min-height: 50px; background-color: #fff; position:fixed; top: 0; z-index: 9999999; border-bottom: 1px solid #f0f0f0;}
.zhong_1{ float: left; width: 76%; }
.zhong_1 h1{ font-size: 16px; line-height: 34px; padding-left: 4px;}
.zhong_1 img{ float: left; width: 100%; max-height: 46px;  }
.you_1{ float: right; width: 12%;  height: 50px; }
.you_1 a{ display: block;}
.you_1 a img{ float: left; width: 80%; max-height: 50px; margin-top: 10px;}



/* 弹出菜单 */
.ejlm_box{ width: 96%; margin: 0 2%; height: 90px; min-height: 90px; background-color: #fff; position:fixed; top: 55px; z-index: 9999999; border-bottom: 1px solid #f0f0f0; overflow: hidden; border-radius: 4px 4px;}
.ejlm_box a{ float: left; display: block; width: 22%; font-size: 12px; color: #333; border-radius: 4px 4px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #f6f6f6; margin-top: 9px; margin-left: 4px; margin-right: 4px; background: #f6f6f6;}




/* 幻灯片*/
.hdp_box{ float: left; width: 100%; margin-top: 50px;}
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-slide img{ width: 100%; height: 100%;}



/* 主体内容 */
.ztnr_box{ float: left; width: 100%; margin-top: 2%;}

.conter_box_zy{ width: 96%; height: 600px; margin: 2% 2%; padding: 2% 2%; background: #FFF;}


.fwlx_bt{ float: left; margin: 3% 20%; width: 60%; text-align: center; box-shadow: 0 0 6px #ebebeb;   line-height: 30px;  height: 30px; border-radius: 35px; background: #fff;}


/* 服务类型 */
.fwlx_nr{ float: left; width: 100%; margin: 2% 0; padding: 2% 2%; background: #FFF; box-shadow: 0 0 6px #ebebeb; }
.fwlx_nr .mk1{ float: left; margin-top: 15px; width: 25%; text-align: center;}
.mk1 img{ width: 50%; min-height: 36px;}
.mk1 p{ margin-top: 10px;}


/* 案例展示 */
.alzs_nr{float: left; width: 100%; margin: 2% 0; padding: 2% 2%; background: #FFF; box-shadow: 0 0 6px #ebebeb;}
.alzs_nr .ul1{ float: left; width: 100%; margin-top: 15px;}
.alzs_nr .ul1 .li1{ float: left; width: 50%; margin-bottom: 10px;}
.alzs_nr .ul1 .li1 a{ width: 92%; margin-left: 4%; text-align: center; display: block;}
.alzs_nr .ul1 .li1 a img{ float: left; width: 100%;}
.alzs_nr .ul1 .li1 a p{ float: left; width: 100%;text-align: center; margin-top: 10px; overflow: hidden;}

.alzss_nr{float: left; width: 100%; margin: 2% 0; padding: 2% 2%; background: #FFF; box-shadow: 0 0 6px #ebebeb;}
.alzss_nr .ul1{ float: left; width: 100%; margin-top: 15px;}
.alzss_nr .ul1 .li1{ float: left; width: 25%; margin-bottom: 10px;}
.alzss_nr .ul1 .li1 a{ width: 92%; margin-left: 4%; text-align: center; display: block;}
.alzss_nr .ul1 .li1 a img{ float: left; width: 100%;}
.alzss_nr .ul1 .li1 a p{ float: left; width: 100%;text-align: center; margin-top: 10px; overflow: hidden;}

/* 介绍 */
.gsjsnr_box{float: left; width: 100%;  }
.gsjsnr_bt{float: left; margin: 5% 20%; width: 60%; text-align: center; box-shadow: 0 0 6px #ebebeb;   line-height: 30px;  height: 30px; border-radius: 35px; background: #fff;}}
.gsjsnr_nr{ float: left; width: 100%; }
.gsjsnr_ul{ float: left; width: 100%; }
.gsjsnr_li{ float: left; width: 46%; margin: 0 2%; }
.gsjsnr_li a{ display: block;}
.gsjsnr_li a img{ float: left; width: 100%; }
.gsjsnr_li a p{ float: left; width:100%; text-align: center; }

/*推荐图片*/
.tp_tj{ float: left; margin-top: 45px; width: 100%;}
.tp_tj img{ float: left; width: 100%;}


/* 建站部分 */
.zzzx_nr{float: left; width: 100%; margin: 2% 0; padding: 2% 2%; background: #FFF; box-shadow: 0 0 6px #ebebeb;}
.zzzx_xh{ float: left; width: 100%; margin-top: 25px; padding-bottom: 25px; border-bottom: 1px dashed #ebebeb;}
.zzzx_xh a{ display: block; width: 100%;}
.xh_dbt{ float: left; width: 100%;font-size: 14px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.xh_time{ float: left; width: 100%;}
.xh_time p{ float: left; height: 16px; line-height: 16px;  color: #cccccc; font-size: 12px; margin-right: 6px;}
.xh_zhaiyao{ float: left; width: 100%; color: #999999; font-size: 12px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 20px; }



/* 关于我们 */
.gywm_nr{float: left;  width: 100%; margin: 2% 0; padding: 2% 2%; background: #FFF; box-shadow: 0 0 6px #ebebeb;}
.gywm_nr p{ font-size: 14px; line-height: 20px; color: #333;}


/* 页脚部分 */
.yjbf_box{ float: left; height: 56px; width: 100%; padding-top: 10px; text-align: center; font-size: 12px; background: #1b8ca4; color: #fff;}


/* 底部 */
.footer{width: 70%; height: 40px; margin: 0 15%; border-radius: 30px; min-height: 40px; box-shadow: 0 0 6px #ebebeb;   background-color: #fff; position:fixed; bottom: 10px; z-index: 9999999;}
.zuo_2{ float: left; width: 33.33%; text-align: center;}
.zuo_2 a img{ width: 28%; margin-top: 14%; max-height: 40px;}
.zhong_2{ float: left; width: 33.33%; text-align: center;}
.zhong_2 a img{ width: 28%; margin-top: 14%; max-height: 50px;}
.you_2{ float: left; width: 33.33%; text-align: center;}
.you_2 a img{ width: 28%; margin-top: 14%; max-height: 50px;}
.zuo_2 a,.zhong_2 a,.you_2 a{ display: block;}






/* 面包屑 */
.mbx_box{ float: left; width: 96%; margin: 15px 2%; height: 40px; background: #fff; border-radius: 4px 4px; text-align: left;}
.mbx_box .mbx{ float: left; text-align: left; width: 100%; font-size: 12px;}
.mbx a{ float: left; margin-left: 2%; line-height: 40px; color: #333;}
.mbx span{ float: left; line-height: 40px; margin: 0 3%;}
.mbx .p_zw{ float: left; line-height: 40px; color: #333;}


/* 搜索 */
.rmcy{float: left; width: 96%; margin: 11px 2%; background: #fff;  padding: 2% 2%;}
.nrkbf_box{ float: left; width: 96%; margin: 5px 2%; background: #fff;  padding: 2% 2%;}
.sousuokuan{ float: left; width: 70%; height: 30px; line-height: 30px; text-indent: 10px; outline:none; border: 1px solid #f0f0f0; background: none; border-radius: 4px 0 0 4px;}
.tjan{ float: left; width: 29%; height: 30px; text-align: center;  cursor: pointer; line-height: 30px; border: 1px solid #f0f0f0; background: #f0f0f0; outline:none; font-size: 12px;}

.rmcy_bt{ float: left; width: 100%; height: 30px; line-height: 30px;}
.rmcy_cy{ float: left; width: 100%;	 margin: 2% 0; padding: 2% 2%; background: #FFF;}
.rmcy_cy a{ float: left; display: block; margin: 2% 3%; width: 26%; text-align: center; line-height: 24px; color: #666; border-radius: 4px; border: 1px solid #eaeaea; font-size: 12px;}


/* 搜索列表 */

.ssjg_lb{float: left; width: 96%; margin: 5px 2%; background: #fff;  padding: 2% 2%;}
.ssjg_nr{ float: left; width: 100%; height: 40px; line-height: 40px;  border-bottom: 1px dashed #f0f0f0;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.ssjg_nr a{color: #666; }


/* 图片列表 */
.imglb_box{ float: left; width: 96%; margin: 5px 2%; background: #fff;  padding: 2% 2%;}
.imglb_lm{ float: left; width: 100%;}
.imglb_lm a{ float: left; display: block; margin: 2% 3%; width: 26%; font-size: 12px; text-align: center; line-height: 24px; color: #666; border-radius: 4px; border: 1px solid #eaeaea;}

.imglb_lb{ float: left; margin-top: 15px; width: 100%;}
.imglb_lb .lb_imglj{ width: 46%; margin: 2% 2%; float: left;}
.lb_imglj img{ width: 100%;}
.lb_imglj p{ float: left; width: 100%; text-align: center; font-size: 12px; line-height: 40px; height: 40px; background: #f0f0f0; color: #666;}




/* 新闻列表 */
.xinwenlb_lb{float: left; width: 96%; margin: 5px 2%; background: #fff; }
.xinwen_ul{ float: left; width: 100%;}
.xinwen_li{float: left; width: 100%; padding: 15px 0; border-bottom: 1px dashed #f0f0f0;}
.xinwen_li a{ display: block;}
.bt_p{ float: left; width: 100%;font-size: 14px; color: #333;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.bt_time{float: left; width: 100%; margin: 6px 0;}
.bt_time span{color: #adadad; font-size: 12px; margin-right: 6px;}
.bt_zhaiya{ width: 100%; font-size: 12px; line-height: 20px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color: #666;}




/* 内容介绍 */
.nrjs_box{ float: left; width: 96%; margin: 5px 2%; background: #fff;  padding: 2% 2%;}
.nrjs_bt{ float: left; width: 100%; text-align: center; font-size: 16px; color: #333;}
.nrjs_zy{ float: left; width: 100%; text-align: center;}
.nrjs_zy span{font-size: 12px; margin: 0 6px; color: #adadad; line-height: 40px;}
.nrjs_xq{ float: left; width: 100%; color: #333; font-size: 12px;}
.nrjs_xq img{ width: 100%; max-width: 100%;}
.nrjs_xq a,.nrjs_xq p,.nrjs_xq span,.nrjs_xq h1,.nrjs_xq h2,.nrjs_xq h3{color: #333; font-size: 12px;}





/* 分页 */
.fy_wap{ float: left; margin-top: 4%; margin-bottom: 2%; width: 100%; height: 40px; background: #fff; line-height: 40px; font-size: 12px; color: #666;}
.fy_wap a{ width: 30%; height: 30px; line-height: 28px; border-radius: 8px; text-align: center; color: #cfcfcf; border: 1px solid #cfcfcf;}
.fy_wap .syp_wap{ float: left;}
.fy_wap .xyp_wap{ float: right;}


/* 上下一篇 */
.sxyp_wap{float: left; margin-bottom: 10%; width: 100%; height: 40px; background: #fff; line-height: 40px; font-size: 12px; color: #666;}

.cpzsd_nr{ float: left; width: 100%; background-color: #fff; padding-top: 30px;}
.cpzsd{ float: left; width: 46%; margin: 0 2%; }
.cpzsd a{ float: left; display: block; text-align: center; }
.cpzsd a img{ float: left; width: 100%; }



/* 内容页 */
.jtnrbf_box{ float: left; width: 96%; background: #fff; margin: 2% 2%; padding: 2% 2%; }
.jtnrbf_box h1{line-height: 1.3; font-size: 22px; color: #37474f; text-align: left; font-family: "微软雅黑";}
.jtnr_cs{ float: left; width :100%; }
.jtnr_cs span{font-size: 13px; font-weight: 200; color: #a3afb7; float: left; margin-right: 10px;}
.jtnr_xq{ float: left; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px dashed  #dddddd; }
.jtnr_xq img{width: 100%;}

.pager_wap{ float: left; width: 100%; }
.previous_wap{ float: left;  display: inline-block; padding: 0 18px; background-color: #fff; border: 1px solid #ddd; border-radius: 20px; }


/* 列表页 */
.lbbf_box{ float: left; width: 96%; background: #fff; margin: 2% 2%; padding: 2% 2%; } 
.lbbf_lbdg{ float: left; margin-top: 7px; width: 100%; text-align: center; }
.lbdg_lm{width: 115px;  margin: 4px 4px;  font-size: 12px; background: #f6f6f6;  display: inline-block; height: 34px; text-align: center;  border:1px solid #ebebeb;  border-radius: 8px 8px;   line-height: 32px;}
.lbdg_lm a{ display: block; color: #333; }
.lbbf_nrbf{  float: left; width: 100%; margin-top: 15px; }
.lbbf_nrbf .lbdlb_ul{ float: left; width: 100%; }
.lbbf_nrbf .lbdlb_ul .lbdb_li{ float: left; width: 100%; }
.lbdb_li a{ display: block; width:100%; }
.lbdb_li a img{ float: left; width: 100%; }
.lbdb_li a p{ float: left; width: 100%;  font-size: 12px; text-align: center; line-height: 20px; color: #000; overflow: hidden; word-break:keep-all;
white-space:nowrap;text-overflow:ellipsis;  }

.lbbf_nrbf1{  float: left; width: 100%; margin-top: 15px; }
.lbbf_nrbf1 .lbdlb_ul1{ float: left; width: 100%;  }
.lbbf_nrbf1 .lbdlb_ul1 .lbdb_li1{ float: left; width: 48%;  margin-right: 2%; }
.lbdb_li1 a{ display: block;  width:100%; }
.lbdb_li1 a img{ float: left; width: 100%; }
.lbdb_li1 a p{ float: left; width: 100%;  font-size: 12px; text-align: center; line-height: 20px; color: #000; overflow: hidden; word-break:keep-all;
white-space:nowrap;text-overflow:ellipsis; }

/* 内容页栏目部分 */
.nrbf_lm_box{ float: left; width: 100%; margin: 7px 0 0 0; text-align: center;}
.nrbf_lm_box .nrxqy_box{ width: 30%; margin: 1% 1%; display: inline-block; box-shadow: 0 0 6px #ebebeb; background: #fff; border-radius: 8px; text-align: center;}
.nrbf_lm_box .nrxqy_box a{ font-size: 14px; height: 30px; line-height: 30px; color: #333; display: block;}