.left{float: left}
.right{float: right}
.wap{display: none}
/***********新闻内页************/
.wrap{ max-width:1200px; margin:0 auto; width:100%; min-width:300px}
.mg40{margin-top:40px}
.news_tt{ width:100%;font-size:24px; text-align:left;line-height:1.6;}
.news_time{border-bottom:1px solid #ddd; padding:10px 0 20px;  color:#999}
.article{line-height:2; font-size:16px; padding:40px 0}
.pre_next{ line-height:30px; color:#999; margin-bottom:50px;}
.pre_next a{color:#999}
/***********新闻内页结束************/
/*******案例详情*******/
.pro_box{width: 1200px;margin: 0 auto;}
.cc{display: none}
.pro_lg{overflow: hidden;}
.xq_lf{display: inline-block;width: 630px;position: relative;vertical-align: top;}
.xq_rg{display: inline-block;width: 500px;float: right;vertical-align: top;padding-top: 15px;}
.xq_rg h2{color:#da241c;font-size: 24px;margin-bottom: 20px;}
.xq_list{width: 100%;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;padding: 15px 0;}
.xq_list p{display: inline-block;font-size: 16px;width: 100%;line-height: 25px;margin-bottom: 10px;color: #787878;}
.pro_box{padding-top: 50px;}
.pro_xq{width: 100%;margin-top: 50px;overflow: hidden;}
.pro_xq_lf{display: inline-block;width: 850px;vertical-align: top;}
.pro_xq_rg{display: inline-block;width: 300px;float: right;vertical-align: top;}
.pro_xq_rg h4{text-align: center;color:#5398FF;font-size: 18px;margin-bottom: 20px;}
.pro_xq_rg ul li{width: 300px;height: 300px;text-align: center;border: 1px solid #EEEEEE;border-top: 0;padding: 10px 0;}
.pro_xq_rg ul li img{width: 250px;height: 250px;}
.pro_xq_rg ul li p{color: #999999;font-size: 16px;margin-top: 5px;}
.pro_xq_rg ul li:hover p{color:#5398FF;}
.pro_xq_rg ul li:first-child{border-top: 1px solid #EEEEEE;}
.gallery-thumbs .swiper-wrapper{transform:none !important;}
.xq_zx a{display: inline-block;width: 150px;height: 40px;line-height: 40px;background: #da241c;text-align: center;color: white;font-size: 16px;}
.xq_zx{margin-top: 20px;}
.pro_xq{width: 100%;margin-top: 60px;}
.pro_xq h3{color: #666666;font-size: 18px;border-bottom: 1px solid #a0a0a0;padding-bottom: 10px;}
.xq_nr{padding-top: 20px;text-align: center;}

/********案例内页结束********/
/********版心**********/
.nr{width: 1400px;margin: 0 auto;}
.section{margin-top: 30px}
.clear{clear: both;}
.tit h4{font-size: 38px;color: #333;margin-bottom: 40px;text-align: center;position: relative}
.tit h4:before{  content: "";
    width: 50px;
    height: 2px;
    background: #009e99;
    position: absolute;
    left:50%;
    margin-left: -25px;
    bottom: -20px;}
.tit_b h4{color: #fff}
.tit_b h4:before{  background: #fff;}
.tit p{font-size: 16px;text-align: center;color: #666;margin-bottom: 30px}
.tit_b p{color: #fff}
/********版心**********/
/*头部*/
.y_nav{display: none}
.header{display: flex;justify-content: space-between;}
.logo{float: left;line-height: 80px}
.head_rg{display: flex;float: left}
.yuyan{line-height: 80px;margin-right: 10px}

.top_ul{margin: 0 40px}
.top_ul>li{float: left;height: 80px;;font-size: 16px;overflow: hidden;text-align: center;padding: 20px 30px 0;margin-right: 10px;position: relative;}
.top_ul>li a{color: #333;}
.top_ul>li a span{color: #666;font-size: 14px;text-align: center}
.top_ul>li.active,.top_ul>li:hover{background-color: #009e99;}
.top_ul>li:hover a,.top_ul>li.active a{color: #fff}
.top_ul>li:hover a span,.top_ul>li.active a span{color: #fff}
.nav_meu{width: 100%;position: absolute;top: 80px;left: 0;z-index: 99;opacity: 0;transition:all 0.5s;}
.nav_meu li{height: 45px;line-height: 45px;text-align: center;background:#333;}
.nav_meu li a{color: white;font-size: 15px;}
.nav_meu li:hover{background:#000;}
.top_ul>li:hover{overflow: inherit;}
.top_ul>li:hover .nav_meu{opacity: 1;top: 80px;transition:all 0.5s;}

.top_tel {
    position: relative;
    float: right;
    margin: 10px 0;
}
.top_tel img {
    position: absolute;
    top: 10px;
    left: -60px;
}
.top_tel p{font-size: 20px;color: #009e99}
.top_tel span{font-size: 20px;color: #666}

/*导航*/
.y_nav{display: none;}
/********导航结束**********/
/*banner*/
.ban_swi .swiper-pagination-bullet-active{background:#009e99;}
.ban_swi .swiper-slide img{width: 100%;}

.ban_mod{width: 1200px;height: 560px;position: absolute;top: 0;right: 0;margin-right: -600px;display: flex;align-items: center;}
.bj_box{width: 275px;height: 410px;background: rgba(0,0,0,0.5);border-radius: 15px;position: relative;z-index: 10;padding: 20px;}
.bj_box .tab{width:100%;}
.bj_box .tab-hd {display: flex;justify-content: space-between;}
.bj_box .tab-hd li{color:#fff; text-align:center; cursor:pointer;font-size: 21px;}

.bj_box .tab-bd>li{display:none;}
.bj_box .tab-bd li.thisclass{ display:list-item;}
.bj_box .tab-bd .bj_p{color: white;font-size: 14px;}
.bj_form{margin-top: 15px;}
.bj_form input,.bj_form select{width: 100%;height: 40px;background: white;border: none;border-radius: 5px;margin-bottom: 10px;padding-left: 10px;}
.bj_form .inp_sub input{width: 100%;height: 40px;border: none;background:#e83c2b;border-radius: 5px;color: white;font-size: 18px;letter-spacing: 5px;}
.gd_box{height: 18px;display: inline-block;margin-top: 6px;}
.gd{display: inline-block;height: 18px;line-height: 18px;overflow: hidden;color: #fff;text-align: center}

/*首页*/
.ind_one .gy_sj{padding: 30px 0}
.ind_one .gy_sj li p{color: #009e99;margin-bottom: 20px}
.ind_one .gy_sj li span{color: #333}

.ind_hxyw{background-color: #f5f5f5;padding: 30px 0}
.ind_hxyw_ul{display: flex;flex-wrap: wrap}
.ind_hxyw_ul li{width: 335px;margin-right: 20px}
.ind_hxyw_ul li:last-child{margin-right: 0}
.ind_hxyw_ul_wz{background-color: #fff;padding: 30px 30px 0;height: 210px}
.ind_hxyw_ul_wz h4{font-size: 20px;font-weight: 700;position: relative;margin-bottom: 40px;text-align: center}
.ind_hxyw_ul_wz h4:before{
    content: "";
    width: 50px;
    height: 2px;
    background: #009e99;
    position: absolute;
    left:50%;
    margin-left: -25px;
    bottom: -20px;
}
.sf_rz{margin-top:25px;text-align: center}
.sf_rz li{display: inline-block;width: 120px;height: 50px;line-height: 50px;border: 1px solid #eee;text-align: center;background:#fff;margin-right: 25px;color: white;font-size: 16px;}
.sf_rz li a{color: #666}
.sf_rz li:hover{background-color: #009e99}
.sf_rz li:hover a{color: #fff}
.ind_jcal_img_div{margin-top: 30px}
.ind_jcal_ul{float: left}
.ind_jcal_zj{float: left;margin:0 20px;width: 800px}
.ind_jcal_ul li{margin-bottom: 20px}

.ind_cyz_ul{display: flex;flex-wrap: wrap}
.ind_cyz_ul li{width: 288px;height: 400px;margin-right: 15px;margin-top: 15px;position: relative}
.ind_cyz_ul li img{width: 100%;height: 100%}
.ind_cyz_ul li p{width: 100%;line-height: 60px;background: rgba(0,0,0,0.5);text-align: center;font-size: 18px;color: #fff;position: absolute;bottom: 0;}
.ind_cyz_ul li:nth-child(4n),.ind_cyz_ul li:last-child{margin-right: 0}
.ind_cyz_ul li:nth-child(6){width: 680px}

.ind_gy_sj{background: url("../img/fwms_back.png");padding: 70px}
.ind_gy_sj .gy_sj{padding: 0}
.ind_gy_sj .gy_sj li p{margin: 14px 0}
.ind_td{background-color: #f5f5f5;padding: 40px 0}

.ind_news_top .tit{float: left}
.ind_news_top .sf_rz{float: right;margin-top:0}
.ind_news_list{margin-top: 60px ; height: auto; overflow: hidden;}
.news_left{float: left;border: 1px solid #eeeeee;width: 300px; margin-right: 35px;}
.centimg{width: 300px;height: 200px;}
.centimg img{max-width: 100%;}
.news_left h4{width: 265px; margin: 15px auto 20px auto;font-size: 16px; color: #666666; text-overflow: ellipsis;white-space: nowrap; overflow: hidden}
.news_left p{font-size: 14px; color: #666666; line-height: 24px;  margin:0px auto 20px;}
.news_cent{width: 700px; float: left; height: auto; overflow: hidden;}
.cent_item{border-bottom:1px dashed #e7e7e7;height: auto; overflow: hidden; margin-bottom: 22px;}
.news_cent a:last-child .cent_item{border: none;}
.cent_item .centimg{width: 240px; height: 150px; float: left; margin: 0px 10px 0px 0px;}
.conttit{float: left;width: 450px;color: #666;padding: 20px 0}
.cent_item h4{width:100%; font-size: 18px;color: #333; text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.conttit p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3 }
.cent_item p{clear: both; font-size: 12px; line-height: 18px; padding-top: 9px;}
.news_right{width: 600px; margin-right: 10px; float: right; height: auto; overflow: hidden;}
.news_right ul li{color: #666; line-height: 18px; padding-bottom: 15px; margin-bottom: 15px;border-bottom:1px dashed #e7e7e7; height: auto;overflow: hidden;}
.news_right ul a:last-child li{border: none;}
.news_right ul li h4{font-size: 16px; width: 310px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;float: left;}
.news_right ul li span{font-size: 14px; float: right;}

/*服务项目*/

.service_one .left{width: 1010px}
.service_one .right{width: 350px}
.service_list{width: 350px;border: 1px solid #eee;background-color: #fff}
.service_list_top{width: 100%;text-align: center;background: #009e99;}
.service_list_top h3{font-size: 24px;color: #fff;font-weight: bold;line-height: 60px;}
.service_list ul{margin: 10px 0;padding: 0 20px}
.service_list ul li{
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    font-size: 24px;
    margin-top:5px;
    position: relative;

}
.service_list ul  a{color: #333}

.service_list ul li:hover{background-color: #f5f5f5}
.service_list ul a:hover {color: #009e99}
.service_list ul li:hover:before{background: #009e99}
.service_list ul .active{color: #009e99;}
.service_list ul .active li{background-color: #f5f5f5}
.service_list ul .active li:before{background: #009e99}
.service_one_img{position: relative;width: 100%;overflow: hidden;margin-top: 30px ;display: none}
.cp_mod{width: 400px;height: 560px;background: rgba(0,0,0,0.6);position: absolute;top: 0;right: -400px;color: white;text-align: center;display: flex;align-items: center;justify-content: center;transition: all 0.5s;}
.cp_mod div{width: 100%;}
.cp_mod p{border-bottom: 1px dashed white;width: 100%;font-size: 24px;padding-bottom: 15px;}
.cp_cs{padding: 15px;text-align: left;margin-bottom: 30px;}
.cp_cs li{font-size: 17px;line-height: 35px;}
.cp_mod a{display: inline-block;width: 150px;height: 40px;text-align: center;line-height: 38px;border: 1px solid white;font-size: 18px;color: white;}
.cp_mod a:hover{background:#009e99;border-color:#009e99;}
.service_one_img:hover .cp_mod{right: 0;}
.thisclass{display: block}
.service_one_xt{margin-top: 30px}
.service_one_xt img{float: left;width: 490px}
.service_one_xt img:nth-child(1){margin-right: 30px }
.service_anli{margin-top: 30px;border: 1px solid #eee;padding-bottom: 20px}
.service_anli_ul{padding: 0 20px;margin-top: 20px}
.service_anli_ul li{margin-top: 20px}
.fwms{background: url("../img/fwms_back.png");padding: 70px 0}
.fwms p{text-align: center;font-size: 16px;color: #fff}
.fwms_ul{display: flex;flex-wrap: wrap;padding: 40px 40px 0}
.fwms_ul li{float: left;line-height: 80px;margin-right: 29px}
.fwms_ul li:last-child{margin-right: 0}
.fwms_ul li p{line-height: 50px}
.more a{display: inline-block;width: 200px;height: 50px;line-height: 50px;margin-right: 30px;border: 1px solid #009e99;text-align: center;color: #009e99;font-size: 16px;}
.more{margin: 20px auto 0;text-align: center}
.more a:hover{color: #fff;background-color: #009e99}

.fwsl .left{width: 640px;padding: 40px 0}
.fwsl .right{width: 700px}
.fwsl .left p{font-size: 16px;color: #666}
.fwsl .tit h4{text-align: left}
.fwsl .tit h4::before {left: 0;margin-left: 0}
.fwsl_ul{display: flex;flex-wrap: wrap}
.fwsl_ul li{border: 1px solid #eee;padding: 20px;width: 200px;margin-right: 20px;text-align: center;margin-top: 20px}
.fwsl_ul li:nth-child(3n){margin-right: 0}
.fwsl_ul li h4{color: #009e99;font-size: 40px;}
.fwsl_ul li h4 span{color: #009e99;font-size: 24px;}
.fwsl_ul li p{margin-top: 20px}
/*精彩案例*/
.subnav{height: 60px;background-color: #f5f5f5;}
.position{height: 60px;background-color: #f5f5f5;line-height: 60px;color: #888888; width: auto;  float: left;}
.position img{margin-right: 10px}
.position a{color: #888888;font-size: 16px;text-align: center;display:inline-block;vertical-align:middle}
.mytab{height: 60px;float: right;}
.pro_tab{width: 100%;height: 100%;}
.pro_tab li{display: inline-block;width: 150px;height: 60px;text-align: center;line-height: 60px;background:#f5f5f5;float: left;}
.pro_tab li a{color: #696868;font-size: 16px;}
.pro_tab li:last-child{margin-right: 0;}
.pro_tab .active,.pro_tab li:hover{background: #009e99;}
.pro_tab .active a,.pro_tab li:hover a{color: white;}
.case_tab{display: flex;flex-wrap: wrap}
.case_tab li{float: left;margin-bottom: 16px}
.case_tab li a{font-size: 18px;color: #333;padding: 0 16px;}
.case_tab  .active a{color: #009e99}
.case_tab li:hover a{color: #009e99}

.case_list li h4{color: #333;font-size: 16px;text-align: center;margin-bottom: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case_list{display: flex;flex-wrap: wrap;width: 100%;margin-top: 30px}
.case_list li{width: 446px;margin-right: 30px;margin-bottom: 30px}
.case_list li:nth-child(3n){margin-right: 0;}
.case_list .case_m{width: 100%;overflow: hidden;position: relative}
.case_list .case_m img{width: 100%;transition: all 0.5s;height: 100%}
.case_list li .case_list_wz{padding: 20px;background-color: #f5f5f5}
.case_list li:hover h4{color: #fff}
.case_list li:hover .case_list_wz{background-color: #009e99}
/*数字创意馆*/
.nr_list{display: flex;flex-wrap: wrap;margin-bottom: 30px}
.nr_list .left{background-color: #f5f5f5}
.nr_wz{padding: 50px ;width: 600px;position: relative}
.nr_wz h4{font-size: 30px;text-align: left}
.nr_wz h4:before{left: 0;margin-left: 0}
.nr_wz p{font-size: 16px;color: #666}
.nr_wz .more{position: absolute;bottom: 50px}
/*关于我们*/
.about .left{width: 700px}
.about .right{width: 640px}
.shili{background: url("../img/shili_back.png")no-repeat;}
.gy_sj{display: flex;justify-content: space-between;padding: 70px 0}
.gy_sj li{width: 20%;text-align: center;position: relative}
.gy_sj li p{color: #fff;font-size: 40px;font-weight: bold;}
.gy_sj li span{color: #fff;font-size: 18px;display: block}

/*荣誉见证*/
.rongyu{background: url(../img/romgyu_back.png) no-repeat;padding: 30px 0;}
.jcbg{position: relative;width: 1400px;margin: 0 auto }
.jcbg .nr{width: 1200px}
.about_qyzp{margin-top: 30px}
.hor-next,.hor-prev{ width: 40px; height: 40px; outline: none; opacity: 1 !important;top:64%}
.hor-next{ background: url("../img/right_ar.png") no-repeat;}
.hor-prev{ background: url("../img/left_ar.png") no-repeat;}
.hor-next:hover{ background: url("../img/right_ar_on.png") no-repeat;}
.hor-prev:hover{ background: url("../img/left_ar_on.png") no-repeat;}

.qywh img{margin-top: 20px}
.qywh_img{width: 385px;float: left}
.qywh_zjbf{width: 590px;float: left;margin: 0 20px}
.qywh_zjbf_wz{padding:0 30px }
.qywh_zjbf_wz h4{font-size: 24px;font-weight: 700;margin: 20px 0}
.qywh_zjbf_wz p{font-size: 16px}

.about_td{background-color: #f5f5f5;padding: 30px 0}
.td_swi .swiper-slide{height: 326px;overflow: hidden;}
.dt_wz{background-color: #fff;padding:  20px;position: relative;}
.dt_wz  p{font-size: 18px;}
.dt_wz  p span{float: right;color: #666}
.dt_wz .more{display: none}
.dt_wz .more a{width: 100px;margin-right: 0;height: 40px;line-height: 40px}
.td_swi .swiper-slide:hover .dt_wz .more{display: block}
.td_swi .swiper-slide:hover .dt_wz{top:-60px}

.gcsp_ul{display: flex;flex-wrap: wrap}
.gcsp_ul li{margin-right: 30px}
.gcsp_ul li:last-child{margin-right: 0}
/*合作客户*/
.hzkh_ul{display: flex;flex-wrap: wrap}
.hzkh_ul li{margin-right: 28px;margin-bottom: 28px}
.hzkh_ul li:nth-child(6n){margin-right: 0}

/*招聘*/
.zhaopin_ul{margin-top: 40px}
.zhaopin_ul li{width: 600px;height:400px;background-color:#f5f5f5;font-size: 16px;color: #666;float: left}
.zhaopin_ul_txt{padding: 0 40px}
.zhaopin_ul_txt h3{font-size: 30px;color: #009e99;margin: 40px 0;position: relative;}
.zhaopin_ul_txt h3:before{
    content: "";
    width: 50px;
    height: 2px;
    background: #009e99;
    position: absolute;
    bottom: -20px;
}
.sideMenu{margin-top: 60px}
.cell {
    display: flex;
    align-items: center;
}
.flex {
    flex: 1;
}
.hiders {
    background: #e5e5e5;
    padding: 20px;
    /*margin-bottom: 2px;*/
}
.hiders .title{font-size: 20px;margin-right: 60px;}
.hiders .message{font-size: 16px}

.hidbody  {
    display: none;
}
.hidbody .content{border: 1px solid #76a6b5;padding: 30px 0 30px 50px;}
.hiders.on{
    color: #FFFFFF;
    background: #009e99;
}
.paddpse {
    width: 20px;
    height: 20px;
    background: url(../img/proes2.png);
    float: right;
    margin-top: 0;
}
.hiders.on .paddpse {
    background: url(../img/proes1.png);
}
.texlsd {
    display: block;
}
.texlsd .cell {
    margin-top: 40px;
}
.texlsd .cell.pl40 {
    padding-left: 0px;
}
.texlsd .left{width: 50%;font-size: 20px; margin-top: 50px;}
.texlsd .right{margin-left:20px;}
.texlsd .right img{margin-right: 10px}
.texlsd .right .tel_tit{font-size: 16px;color: #009e99}
.texlsd .right .tel_mun{font-size: 24px;color: #009e99}

/*联系我们*/
.contact .left{width: 700px;}
.contact  .tit_h4{text-align: left;font-size: 24px;font-weight: 700;margin: 20px 0}
.contact_cont{margin-bottom: 20px}
.contact_cont_ul{width: 240px}
.contact .left ul li{font-size: 18px;margin-bottom: 20px}
.contact_cont_ul li:nth-child(-n+2){color: #009e99}
.ewm_ul li{float: left;text-align: center}
.contact  ul li img{margin-right: 10px;}
.contact .right{width: 700px}
.contact .right ul li{margin-bottom: 10px}
.map{height: 387px;}


/*****新闻资讯*****/
.news_list{display: flex;flex-wrap: wrap;}
.news_list li{width: 440px;height: 450px;margin-right: 40px;margin-top: 40px;border: 1px solid #eeeeee;}
.news_list li:nth-child(3n){margin-right: 0;}
.news_list li span{display: block;margin-bottom: 15px;}
.news_m{width: 100%;height: 300px;overflow: hidden;}
.news_m img{width: 100%;transition: all 0.3s;height: 100%}
.news_list li:hover .news_m img{transform: scale(1.1);}
.news_list li .news_wz{padding: 10px 20px;}
.news_list li p {
    color: #333;
    font-size: 14px;
    line-height: 25px;
    margin: 12px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news_list li p{height: 50px;}
.news_list li h4 {color: #333;font-size: 20px;font-weight: 700;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list li span {color: #333333;font-size: 14px;}
.news_list li:hover h4{color: #009e99}
/*报价*/
.baojia{background: url("../img/baojia_back.png");padding: 70px 0}
.baojia .left,.baojia .right{width: 50%}
.baojia .right{background-color: #f5f5f5;padding: 40px 90px}
.cont2{height: auto; overflow: hidden;}
.zx_box h4{font-size: 24px;font-weight: 700}
.zx_box h4 span{font-size: 16px;font-weight: 400;margin-left: 20px;color: #666}
.zx_box h4 span b{font-weight: 400;color: #009e99}
.zx_box .zx_form{margin-top: 34px;justify-content: space-between;}
.zx_form .inp{width:49%;display: flex;float: left;margin-bottom: 20px}
.zx_form .inps{width: 100%}

.zx_form .inp span{color: #333;width:17%;margin-right: 15px;font-size: 16px;display: inline-flex;align-items: center;position: relative;}
.zx_form .inp input,.zx_form .inp select{width: 80%;height: 40px;border: 1px solid #c6c6c6;background: white;padding-left: 10px;}
.zx_form .inp_sub{height: 40px;float: left}
.zx_form .inp_sub input{width: 150px;height: 40px;margin-right: 30px;color: #fff;background:#009e99;border: none;font-size: 16px;}
.zx_box .zx_p{margin-top:10px;color:#666666;font-size: 14px;}
.zx_box .zx_p em{color:#333;}
.zx_form .inp textarea {
    width: 70%;
    height:62px;
    background: transparent;
    padding: 15px;
    border: 1px solid #c6c6c6;
    margin-top: 5px;

}

.clear{clear: both;}
/*分页*/
.pagination{width: 100%;text-align: center;margin-top: 35px;}
.pagination a,.pagination p{display:inline-block;height: 30px;line-height: 30px;margin-right:5px;padding: 0 10px;background:#fff;text-decoration:none;color:#666666;font-size:14px;border: 1px solid #666666;border-radius: 50px;}
.pagination a:hover{color:#009e99;border-color:#009e99;}
.pagination a.cur{background:#009e99;color:#fff;border-color:#009e99;}
/*底部*/

.link{height: 60px;background-color: #f5f5f5}
.link .nr, .link .nr a {
    color: #666;
    line-height: 60px;
    font-size: 16px;
}
/*底部*/
.footer_ys{background-color: #f5f5f5;padding: 50px 0}
.footer_ys_ul{display: flex;flex-wrap: wrap}
.footer_ys_ul li{width: 16.6%;text-align: center}
.footer_ys_ul li img{margin-bottom: 30px}
.footer_ys_ul li p{font-size: 16px}

.footer{width: 100%;background-color: #333;padding-top: 50px;margin-bottom: 100px}
.footer_nav,.footer_site,.footer_logo{float: left}
.footer_nav{width: 100px;margin-right: 60px;color: #fff}
.footer_nav h4,.footer_site h4{font-size: 18px;color: #fff}
.footer_nav li {margin-top: 10px}
.footer_nav li a{color: #999}
.footer_site{margin-right: 40px}
.footer_site ul{margin-bottom: 10px}
.footer_site ul li{color: #999;margin-top: 10px}
.footer_logo{margin:0 40px }
.footer_logo>img{margin-bottom: 20px}
.footer_logo p{color: #009e99;font-size: 16px;margin: 10px;font-weight: 700}
.footer_logo p:last-child{color: #fff}
.footer_logo p img{margin-right: 10px}
.footer_ewm_ul{float: right}
.footer_ewm_ul li{margin-left: 10px}
.footer_ewm_ul li p{color: #fff}
.foot_bq{text-align: center;padding: 10px 0 20px;color: #fff}
.foot_bq a{color: #fff}


/*申请免费设计*/
.sj_box{width: 100%;background: rgba(0,158,153,0.9);padding: 15px 0;position: fixed;bottom: 0;left: 0;z-index: 999;}
.sj_form{display: inline-block;float: right;margin-top: 4px;}
.sj_form select{width: 190px;height: 45px;margin-right: 10px;}
.sj_form input{width: 190px;height: 45px;border-radius: 8px;background: white;border: none;color: #666666;padding-left: 10px;margin-right: 10px;}
.sj_form input[type="submit"]{width:90px;background: transparent;border: 2px solid white;color: white;margin-right: 0;padding-left: 0;}
.sj_form input[type="submit"]:hover{background: white;color:#f67e7c;}
.sj_box .sj_m{height: 50px;}
.sj_box_wz{float: left;margin-top: 10px;}
.sj_box h4{color: #fff;font-size: 30px}
.sj_box p{color: #fff;font-size: 18px}
/*侧边*/
.c_kf{width: 70px;position: fixed;right: 0;top: 300px;z-index: 999;}
.c_kf li{width: 100%;height: auto;background-color: #e5e5e5;padding: 10px 5px;margin-bottom: 2px;text-align: center;cursor: pointer;position: relative;overflow: hidden;}
.c_kf li p{margin-top: 5px;color: #333}
.kf_mod{width: 190px;text-align: center;position: absolute;top: 0;right: 56px;opacity: 0;transition: all 0.2s;z-index: 99;}
.kf_tel{height: 55px;line-height: 55px;color: white;font-size: 20px;}
.kf_wx{padding: 15px 0;}
.kf_wx img{width: 188px;}
.kf_wx p{color: white;font-size: 16px;margin-top: 10px;}

.c_top{position: fixed;bottom: 50px;right: 0;z-index: 99;display: none;cursor: pointer;}

@media (max-width: 768px){

    .nav_box,.c_kf{display: none}
    .wap{display: block}
    .pc{display: none}
    .nr {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .section{margin-top: 5%}
    .tit h4{font-size: 24px;}
    /*分页*/
    .pagination{margin: 5% 0}
    .pagination a, .pagination p {font-size: 12px;margin-right: 0;padding: 0 6px;height: 20px;line-height: 20px;}

    /********导航开始**********/
    .header{display: none;}
    .container-fluid>.navbar-header{width: 100%;margin: 0;}
    .navbar{margin-bottom: 0;}
    .navbar-brand{width: 28%;padding: 0;}
    .navbar-brand>img{width:100%;}
    .navbar-default .navbar-toggle {border-color: transparent;margin-right: 0;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #009e99;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: #009e99;color: white;}
    .navbar-default{background: white;}
    .y_nav{display: block;width: 100%;position: fixed;top: 0;left: 0;z-index: 999;box-shadow:2px 2px 5px #A1A1A1;-moz-box-shadow:2px 2px 5px #A1A1A1; -webkit-box-shadow:2px 2px 5px #A1A1A1;}
    .banner,.ban_swi{margin-top: 53px;}
    .nr{width: 100%;padding-left: 15px;padding-right: 15px;}
    /********导航结束**********/
    /*首页*/
    .ind_hxyw{padding: 5% 0}
    .ind_hxyw_ul li{width: 100%;margin-right: 0;margin-bottom: 5%}
    .sf_rz{text-align: left}
    .sf_rz li{width: 32%;margin-right: 0;height: 35px;line-height: 35px;margin-bottom: 10px;font-size: 14px}
    .ind_jcal_ul{width: 100%}
    .ind_jcal_ul li{margin-bottom: 5%}
    .ind_jcal_ul img{width: 100%}
    .ind_jcal_zj{width: 100%;margin: 0 0 5%}
    .ind_cyz_ul li{width: 100%;margin-right:0;margin-top:5%}
    .ind_gy_sj{padding: 5% 0}
    .ind_news_top .tit,.ind_news_top .sf_rz{float: none}
    .ind_news_list{margin-top: 5%;}
    .news_left{width: 95%; margin: 0 auto;float: none;}
    .news_left .left_img,.news_left .left_img img,.news_left h4,.news_left p{width: 100%;}
    .news_cent{width: 95%;margin: 0 auto;float: none;}
    .cent_item{margin-bottom: 10px; padding-bottom: 15px;}
    .cent_item .centimg{width: 31%;height: auto;margin: 0px 2% 0px 0px; }
    .conttit{width: 67%;padding: 0}
    .news_right{width: 95%;margin: 0 auto;float: none;}
    .centimg img{max-width: 100%}
    .cent_item h4 {width: 175px;font-size: 16px    }

    .cent_item p{font-size: 12px;line-height: 1.25em;padding-top: 2px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
    .news_right ul li{
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .news_right ul li h4{
        width: 230px;
    }
    /*服务中心*/
    .subnav{display: none}
    .position{width: 100%}
    .service_one .left,.service_one .right{width: 100%}
    .service_one_xt{margin-top: 5%}
    .service_one_xt img{margin: 0 0 5%}
    .cp_mod{width: 100%;height: 100%}
    .service_list{width: 100%}
    .service_anli_ul li{margin-top: 5%}
    .fwms{padding: 5% 0}
    .fwms_ul{padding: 0;margin-top: 5%}
    .fwms_ul li{margin-right: 1.9%}
    .more a{width: 150px;height: 40px;line-height: 40px;margin-right: 10px}
    .fwsl .left,.fwsl .right{width: 100%}
    .fwsl .left{padding: 5% 0}
    .fwsl_ul li{width: 48%;margin-right: 2%;padding: 5%;}
    .fwsl_ul li:nth-child(2n){margin-right: 0}
    .fwsl_ul li:nth-child(3n){margin-right: 2%}
    .fwsl_ul li h4{font-size: 32px}
    /*case*/
    .pro_tabs{margin-top: 5%;}
    .pro_tabs li{display: inline-block;text-align: center;background:#f5f5f5;margin-right: 15px;margin-bottom: 15px;}
    .pro_tabs li a{color: #666;font-size: 16px;}
    .pro_tabs li:last-child{margin-right: 0;}
    .pro_tabs .active,.pro_tabs li:hover{background: #0094d8;}
    .pro_tabs .active a,.pro_tabs li:hover a{color: white;}
    .pro_tabs li a{font-size: 14px;}
    .pro_tabs li{margin-right: 2%;margin-bottom: 10px;width: 31%;height: 35px;line-height: 35px;}
    .pro_tabs li:nth-child(3n){margin-right: 0;}
    .case_list li{width: 49%;margin-right: 2%;margin-bottom: 5%}
    .case_list li:nth-child(3n){margin-right: 2%}
    .case_list li:nth-child(2n){margin-right: 0}
    .case_list li .case_list_wz{padding: 5%}

    /*数字创意馆*/
    .nr_list{margin-bottom: 5%}
    .nr_wz{padding: 5%;background-color: #f5f5f5}
    .nr_wz .more{position: inherit;bottom: 0;text-align: left;}

    /*关于我们*/
    .about .left,.about .right{width: 100%}
    .gy_sj{margin-top: 0;padding: 5% 0}
    .gy_sj li{text-align: left}
    .gy_sj li p,.gy_sj li span{font-size: 14px}
    .gy_sj li img{margin: 0;position: inherit;top:0;left: 0}
    .jcbg .nr,.jcbg{width: 100%}
    .rongyu{padding: 5% 0}
    .al_mg {width: 100%;}
    .qywh_img{width: 100%}
    .qywh_zjbf{width: 100%;margin:  0}
    .td_swi .swiper-slide{height: 390px}
    .gcsp_ul li{width: 100%;margin-bottom: 5%;margin-right: 0}
    /*合作客户*/
    .hzkh_ul li{width: 47%;margin-right: 5%;margin-bottom: 5%}
    .hzkh_ul li:nth-child(2n){margin-right: 0}

    /*招聘*/
    .zhaopin_ul li{width: 100%;height: auto;padding-bottom: 10px}
    .sideMenu{margin-top: 30px}
    .hiders .title{font-size: 14px;margin-right: 10px}
    .hiders .message{font-size: 12px}
    .paddpse{margin-top: -65px}
    .hidbody .content{padding: 30px}
    .texlsd .left{width: 100%;font-size: 16px;margin-top: 30px}
    .texlsd .right{float: inline-start;margin-left: 0px}
    .texlsd .cell{margin-top: 20px}
    /*联系我们*/
    .contact .left{width: 100%;}
    .contact_cont_ul{width:100%}
    .contact .right{width: 100%;margin-top: 5%}
    .map{height: 200px}

    /*新闻资讯*/

    .news_list li h4{font-size: 16px;}
    .news_list li span{font-size: 12px;}
    .news_list li span img{width: 12px;}

    .news_list{justify-content: space-between;}
    .news_list li{width: 48%;margin-right: 0;margin-top: 20px;height: 220px;}
    .news_list li h4{margin-bottom: 5px;}
    .news_list li p{line-height: 20px;margin: 10px 0;height: 40px;}
    .news_list li span{margin-bottom: 0;padding-bottom: 5px}
    .news_m{width: 100%;height: auto;overflow: hidden;}
    .news_list li .news_wz{padding: 10px;}
    .news_list li .xw_more{font-size: 12px;}
    /*报价*/
    .baojia .left,.baojia .right{width: 100%}
    .cont2{padding: 0 5%;margin-top: 5%}
    .baojia .right{padding: 0}
    .cont2 .right form{padding: 0}
    .zx_form .inp{width: 100%;margin-left: 0}
    .zx_form .inp_sub,.zx_form .inp_sub input{width: 100%}
    .zx_form .inp span{width: 33%}
    /*底部*/
    .sj_box,.footer_site{display: none}
    .footer_nav,.link{display: none}
    .footer{padding-top: 5%;margin-bottom: 0}
    .footer_logo,.footer_logo > img{margin: 0}
    .footer_ewm_ul{float: none}
    .foot_bq{margin-top: 0;border: none;padding: 15px 0;}
    .foot_bq .nr{flex-wrap: wrap;justify-content: center;}
    .foot_bq p, .foot_bq p a{font-size: 12px;}
    .foot_bq p{width: 100%;text-align: center;}
    /********新闻内页********/
    .mg40{ margin-top:20px}
    .wrap{ margin:0 10px;width:auto}
    .news_tt{font-size:18px;}
    .article{ padding:20px 0; font-size:14px;}

    .article img[align="right"]{ display:block; margin:5px auto;}
    .article img[align="left"]{ display:block; margin:5px auto;}
    /********新闻内页结束********/
    /*******案例内页********/
    .pro_box{width: 100%;padding-top: 30px;}
    .xq_lf{width: 100%;}
    .gallery-top{width: 250px;height: 250px;}
    .xq_rg{width: 100%;margin-top: 20px;padding-top: 0;}
    .xq_rg h2{font-size: 18px;margin-bottom: 10px;}
    .xq_list li{font-size: 14px;margin-bottom: 0;}
    .pro_xq{margin-top: 35px;}
    .pro_xq h3{font-size: 16px;}
    .cc{display: block}
    .gallery-thumbs .swiper-slide{width: 70px !important;height: 50px;}
    .gallery-thumbs{width: 100%}
    .xq_zx a{font-size: 14px;width: 120px;height: 35px;line-height: 35px;}
    /********案例内页结束*************/
}