.web{width:100%;padding-bottom:90px;}
.web_banner{width:100%;height:15rem;overflow:hidden;}
.web_banner img{width:100%;height:100%;object-fit:cover}

/* 服务项目 */
.web_service{width:100%;padding:25px 0;}
.web_service_header{text-align:center}
.web_service_header h1{color:#424242;font-weight:normal;font-size:1.8rem;padding-bottom:4px;}
.web_service_header h1 strong{color:#ff9900;font-weight:normal;}
.web_service_header i{display:block;width:3rem;height:2px;background-color:#000;margin:0 auto}
.web_service_header p{color:#666;font-size:1.4rem;padding:4px 1rem;}

.web_cont{padding:15px 0 0}
.web_cont_menu{overflow:hidden;margin:auto;padding:0px 1rem}
.web_cont_menu_li{display:flex;justify-content:space-around}
.web_cont_menu li{width:49%;box-sizing:border-box;box-shadow:0px 1px 5px rgba(0,0,0,.1);margin-bottom:2%;float:left;}
.web_cont_menu li:nth-child(2n){float:right}
.web_cont_menu li .pic_box{
    width:100%;height:12rem;background-image: url(/assets/mobile/images/indexbj_wx.png);background-size:100% 100%;
    color:#fff;font-size:2rem;text-align:center;line-height:12rem;font-weight:600;letter-spacing:3px;
}
.web_cont_menu li .pic_app{background-image:url(/assets/mobile/images/indexbj_app.png)}
.web_cont_menu li .pic_website{background-image:url(/assets/mobile/images/indexbj_website.png)}
.web_cont_menu li .pic_dz{background-image:url(/assets/mobile/images/indexbj_dz.png)}
.web_cont_menu li .text_box{
  font-size:1.4rem;color:#666666;text-align:left;line-height:1.6;box-sizing:border-box;padding:0rem 1rem;height:10rem;display:flex;align-items:center;
}
/* .web_cont_menu_pop{display:flex;} */
.web_cont_menu_pop{display:none}
.web_active{display:block;}
.web_cont_menu_pop1{display:flex;align-items:center;border-bottom:1px dashed #ddd;}
.web_cont_menu_pop1 span{display:inline-block;border:2px solid #ff9900;border-radius:50%;color:#ff9900;padding:5px;font-size:.7rem}
.web_cont_menu_pop1_text{padding:5px 0 5px 5px;line-height:2;}
.web_cont_menu_pop1 h2{color:#666;font-size:1.6rem;}
.web_cont_menu_pop1 p{color:#999;font-size:1.2rem;text-align:left}
.web_cont_menu_pop1:nth-of-type(3) span{border:2px solid #ff4fe0;color:#ff4fe0}
.web_cont_menu_pop1:nth-of-type(4) span{border:2px solid #d674fe;color:#d674fe}
/* 服务项目 */
/* 为什么建站 */
.web_why{padding:25px 0;width:100%;}
.web_why_cont{display:flex;flex-wrap:wrap;width:95%;margin:auto}
.web_why_cont li{width:48%;text-align:center;box-sizing:border-box;padding:6px 4px;border:1px solid #ddd;border-radius:6px;margin-top:15px}
.web_why_cont li img{width:65%;}
.web_why_cont li h2{font-weight:normal;font-size:1.6rem;padding:4px 0}
.web_why_cont li p{text-align:left;font-size:1.2rem;color:#666;}
.web_why_cont li:nth-of-type(2n-1){margin-right:4%;}
/* 为什么建站 */
/* 四网合一 */
.web_technology{padding:25px 0;width:100%;}
.web_technology_cont{width:95%;margin:auto;display:flex;flex-wrap: wrap;}
.web_technology_cont li{width:48%;box-sizing:border-box;padding:10px;box-shadow:0 4px 4px #ddd;margin-top:15px;border-radius:8px;}
.web_technology_cont li i{text-align:center;display:block;font-size:5rem;color:#ff9900}
.web_technology_cont li h2{text-align:center;font-size:1.8rem;padding-bottom:6px;color:#ff9900}
.web_technology_cont li p{font-size:1.2rem;line-height:1.6rem;letter-spacing:1px;color:#999}
.web_technology_cont li:nth-of-type(2n-1){margin-right:4%;}
/* 四网合一 */
/* 我们的优势 */
.web_advantage{padding:25px 0;width:100%;}
.web_advantage_cont{width:96%;margin:15px auto 0;display:flex;flex-wrap: wrap;}
.web_advantage_cont li{width:50%;background-color:#eee;height:45vw}
.web_advantage_cont li img{width:100%;height:100%;object-fit:cover}
.web_advantage_cont_li{padding:5px;box-sizing:border-box}
.web_advantage_cont_li h1{font-weight:normal;    font-size: 1.7rem;
    color: #484848;
    padding: 2px 0;
    font-weight: 700;}
.web_advantage_cont_li p{color:#95989d;font-size:1.2rem;line-height:1.6;letter-spacing: .01rem;text-align: justify;}
/* 我们的优势 */

.kf_lc{
  padding-top: 1.5rem;
}
.kf_lc .title{
    text-align: center;
    font-size: 1.8rem;
    color: #FF9200;
    height: 3.5rem;
    border-bottom: 1px dashed #FF9200;
    margin: 0px 1rem;
}
.kf_lc .lc_bj{
  height: 230px;
  background-image: url(/assets/mobile/images/wxgzh/lc.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin: 1rem auto 0rem auto;
  background-position: center;
  width: 95%;
}
/*  */
.m-video{
    width: 93%;
    height: 200px;
    margin: o auto;
    margin: 0 auto;
    margin-top: 20px;
}
.m-video video {
    width: 100%;
    height: 200px;
    object-fit: unset;
    border-radius: 5px;
}

.m-shequ .title .title_h,.m-process_box .m-title .title_h {
    color: #424242;
    font-weight: normal;
    font-size: 1.9rem;
    padding-bottom: 4px;

    text-align: center;
}
.m-shequ .title .title_h{
    padding-top: 20px;
}

.m-shequ .title i {
    display: block;
    width: 3rem;
    height: 2px;
    background-color: #000;
    margin: 0 auto;
}
.m-shequ .title .title_h strong,.m-process_box .m-title .title_h strong{
    color: #ff9900;
    font-weight: normal;
}
.m-shequ .title .info  {
    color: #666;
    font-size: 1.4rem;
    padding: 4px 0;
    text-align: center;
}

.m-advantage{
    /* margin-top:20px; */
    background: #fff;
    width: 100%;
    padding: 15px 0;
    background: -webkit-gradient(linear, 0 0, right 0, from(#8280ff), to(#33a2fe));
    background-size: 100%;
}
.m-advantage .title {
    color: #fff;
    font-size: 1.9rem;
    text-align: center;
    padding-bottom:5px;
}
.m-advantage  .i,.m-process_box .i{
    display: block;
    width: 3rem;
    height: 2px;
    background-color: #000;
    margin: 0 auto;
}
video {
    width: 100%;
    background: #000;
}
.m-advantage .title span {
    color: #ff9900;
}
.m-advantage .advantage-cont ul{
    width:94%;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.m-advantage .advantage-cont ul li {
    background-color: #fff;
    width: 47.7%;
    padding:10px;
    box-sizing: border-box;
    margin-top: 20px;
    padding-bottom: 15px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(6, 6, 6, 0.64);
}
.m-advantage .advantage-cont ul li h2{
    font-size:1.56rem;
    text-align:center;

}
.m-advantage .advantage-cont ul li .desc{
    font-size: 1.3rem;
    line-height: 1.7;
    margin-top: 10px;
    text-align: justify;
    color: #989898;

}
.m-advantage .advantage-cont ul li i {
    display: block;
    margin: auto;
    text-align: center;
    padding-bottom: 10px;
    font-size:2rem;
    color: #2196F3;
}
/* 项目合作流程 */
.m-process_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.m-process_list .process {
    width:100%;
    padding:1.2rem;
    display: flex;
    /* justify-content: space-between; */
    margin-top: 15px;
}
.process .ico_box i{
    font-size: 2.2rem;
    color: #f90;
    line-height: 2;
}
.process .l{
    font-size:1.9rem;
    font-weight: 700;
}
.process .r{
    font-size: 1.6rem;
    padding-left:1.3rem
}
.process .r h3{
    font-size:1.7rem;
    color:#383838;
    font-weight: normal;
    margin-bottom:5px;
    
}
.process .r p{
    font-size:1.4rem;
    color:#999999;
    line-height: 1.7;
}
.m-process_list .process.one_process{
    background-color: #ffffff;
    margin-top: 5px;
}
/* .m-process_list .process.two_process{
    background-color: #FFAC7A;
}
.m-process_list .process.three_process{
    background-color: #F666A1;
}
.m-process_list .process.four_process{
    background-color: #04ACD3;
}
.m-process_list .process.five_process{
    background-color: #B643FF;
}
.m-process_list .process.six_process{
    background-color: #FF8383;
} */
.m-process_list .process.two_process{
    background-color: #F2F1EF;
    margin-top: 0px;
}
.m-process_list .process.three_process{
    background-color: #ffffff;
    padding-top:0;
}
.m-process_list .process.four_process{
    background-color: #F2F1EF;
    margin-top: 0px;
}
.m-process_list .process.five_process{
    background-color: #ffffff;
    padding-top:0;
}
.m-process_list .process.six_process{
    background-color: #F2F1EF;
    margin-top: 0px;
}
/* 文字 */
.shequ_imgbox{
    background: linear-gradient(0deg,rgba(235,242,251,1),rgba(247,249,252,1));
    padding:2rem 1rem; 
    text-align: justify;
    padding-top:0.5rem; 
    overflow:hidden
}
.shequ_imgbox h1{
font-size:1.57rem;
border-left: 2px solid #2D8ED5;
padding-left: .6rem;

}
.shequ_imgbox .info{
    font-size: 1.3rem;
    color: #95989d;
    line-height: 1.8;
    padding-top: .7rem;
    text-indent: 1.8rem;
    letter-spacing: .05rem;
    text-align: justify;
}
/* 移动营销 */
.shequ-case{
    width:100%;margin:auto;
    margin-top:2.6rem;
  overflow:hidden;
}
.shequ-case ul{
    width: 100%;
    margin: 0 auto;
    position: relative;
  display:flex;
}
.shequ-case ul li{
    width:33%;
}
.shequ-case ul li img{
    width:100%;
}
.p{
    width: 27%;
    background: linear-gradient(to right,#ff6326,#e98d2b);
    color: #ffffff;
    border-radius: 5px;
    line-height: 2.1;
    margin: 0 auto;
    padding: 0 1rem;
    font-size: 1.5rem;
    text-align: center;
    margin-top: 1.7rem;
}
.p a{
    color: #ffffff;  
}

/* app开发 */
.web_app_cont{
    padding: 3%;
  display:flex;
     justify-content: space-between;
   flex-wrap: wrap;
  
}
.web_app_cont li{
    width: 48.6%;
    box-sizing: border-box;
      position: relative;
      color: #fff; 
  margin-bottom:12px;
}
.web_app_cont li.last{
  width:100%;
      height: 150px;
}
.web_app_cont li.last img{
  height:100%;
}
.web_app_cont li img{
    width: 100%;
    height:100%;
}
.appCont_posit{
      position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
 background-color: rgba(0, 0, 0, 0.31);
    transition: all 0.5s linear;
}
.web_app_cont li.last .appCont_posit .ios{
padding-top:1rem;
}
.appCont_posit .ios {
    font-size: 1.8rem;
    line-height: 2em;
    text-align: center;
    padding-top: .86rem;
}
.appCont_posit .text{
  font-size: 1.2rem;
     line-height: 1.8em;
  text-align:justify;
      padding:  0 3.5%;
}
.web_app_cont li.last .text{
   text-align: center;
}
/* 小程序开发 */
.web_minlist{
   
  background-repeat: no-repeat;
  
    
  margin-top:1rem;
}
.web_minlist li h2{
  font-size:1.8rem;
    font-weight: normal;
      line-height: 2em;
	color:#484848;
}
.web_minlist li{
    display: flex;
    justify-content: space-between;
	padding: 10px ;
     border-bottom:1px solid  rgba(255, 153, 0,0.35);
}
.web_minlist li p{
font-size:1.3rem;
    line-height: 1.7;
  	color:#878787;
}
.web_minlist i{
         display: block;
    /* width: 40px; */
    /* height: 40px; */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 21px;
    height: 21px;
    margin-top: .45em;;
}
.web_mincont{
  padding-bottom:.2rem;
  flex:1;
  padding-left:4%;

}
.web_minlist i img{
width: 21px;
    height: 21px;
  display:block;

}
.web_cont_menu .web2 img{
height:38vw;
         object-fit: scale-down;
}
.web_cont_menu .web2 img.img1{
	width:56px;
  height:56px;
}
.web_cont_menu .list{
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0px 0px 10px #ddd;
    margin-top: 15px;
    border-radius: 8px;
    margin: 3%;
}
.web_cont_menu .web_cont_menu_li.web2 .web_cont_menu_text p {
    font-size: 1.2rem;
  line-height:1.6;
      position: absolute;
    top: 4rem;
    width: 55%;
}
.web_cont_menu .web_cont_menu_li.web2 .web_cont_menu_text{
  width:50%;
      flex-direction: inherit;
}
.web_cont_menu2{
  width: 100%;
}
.web_cont_menu .web_cont_menu_li.web2 .web_cont_menu_text h2{
	margin-top:1rem;
}

.web_cont_menu .web_cont_menu_li.web2{
background-color: #ffffff !important;
    position: relative;
}
.web_cont_menu .web_cont_menu_li.web2 .web_cont_menu_text{
color:#ff9900
}