
.web{width:100%;}
.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 0;}

.web_cont{padding:15px 0 0}
.web_cont_menu{overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:95%;margin:auto;}
.web_cont_menu .web_cont_menu_li{display:flex;justify-content:space-around}
.web_cont_menu .web_cont_menu li{margin-top:10px;}
.web_cont_menu .web_cont_menu_li img{width:35%;height:35vw;}
.web_cont_menu .web_cont_menu_li .web_cont_menu_text{width:45%;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:center;}
.web_cont_menu .web_cont_menu_li .web_cont_menu_text h2{font-size:1.8rem;padding:4px 0;}
.web_cont_menu .web_cont_menu_li .web_cont_menu_text p{font-size:1.6rem;padding:4px 0;}
.web_cont_menu li:nth-of-type(1) .web_cont_menu_li{background-color:#50DFB1;}
.web_cont_menu li:nth-of-type(2) .web_cont_menu_li{background-color:#F87F4A;}
.web_cont_menu li:nth-of-type(3) .web_cont_menu_li{background-color:#54AAFF;}
.web_cont_menu li:nth-of-type(4) .web_cont_menu_li{background-color:#BD74FF;}
/* .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;}
.web_cont_menu_pop1_text{padding:5px 0 5px 5px;line-height: 1.6;}
.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:95%;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.8rem;color:#666;padding:2px 0;}
.web_advantage_cont_li p{color:#999;font-size:1.2rem;line-height:1.4rem;letter-spacing: 1px}
/* 我们的优势 */

.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%;
}

html{background-color:#f5f5f5}
.website_main .app_dzkf{
 padding-top:2rem
}
.website_main .app_dzkf h2{
    font-size: 1.8rem;
    text-align: center;
    font-weight: inherit;
    color: #434343;
}
.website_main .app_dzkf h2 span{
color:#F49801
}
.website_main .tit_info{
  color: #434343;
  font-size: 1.4rem;
  width: 90%;
  margin: auto;
  text-align: left;
  margin-top: .5rem;
  line-height:1.5;
}
.website_main .app_dzkf ul li{
    background-color: #fff;
    border-radius: 5px;
    margin: 1rem;
    box-sizing: border-box;
    padding: .5rem;
    display: flex;
   box-shadow: 0px 1px 5px rgba(0,0,0,0.08);
  overflow:hidden
}
.website_main .app_dzkf ul li img{
  width: 45%;
  border-radius: 5px;
  height:160px;
  object-fit: cover;
}
.website_main .app_dzkf ul li .r{
  flex: 1;
  padding: 0px .5rem;
  display: flex;
  flex-direction: column;
}
.website_main .app_dzkf ul li .r .top_tit{
  color: #F49801;
  text-align: center;
  font-size: 1.6rem;
  margin:2rem 0rem 2rem 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.website_main .app_dzkf ul li .r .top_tit img{
    margin-right: 5px;
}
.website_main .app_dzkf ul li .r .top_tit i{
font-size:2.5rem;
}
.website_main .app_dzkf ul li .r .text_desc{
 	color: #434343;
    font-size: 1.2rem;
    text-align:left;
    line-height:1.5;
}

.my_youshi{
    background-color: #fff;
    padding: 1rem;
}
.my_youshi h2{
  text-align: center;
  color: #F49801;
  font-size: 1.8rem;
  font-weight: normal;
}
.my_youshi ul {
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.my_youshi ul li{
  width: 48%;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 3rem 0rem 2rem 0rem;
  margin-bottom: 4%;
}

.my_youshi ul li h1{
  font-size: 5rem;
  text-shadow: 11px 0px 2px rgba(0,0,0,.2);
}
.my_youshi ul li p{
  font-size: 1.8rem;
  margin: 1rem 0px .5rem 0px;
}
.my_youshi ul li span{
	font-size: 1.2rem;
  text-align:left;
}

.desc_box{
  padding: 1rem;
  display: flex;
  justify-content: space-between;
}
.desc_box .item{
    width: 24%;
    color: #434343;
    font-size: 1.2rem;
    text-align: center;
}
.desc_box .item .i_box{
background-color: #187DE5;
    width: 5rem;
    height: 5rem;
    color: #fff;
    border-radius: 50%;
    display: flex;
    margin:auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}
.desc_box .item .i_box i{
font-size:2.5rem;
}

.app_lc{
  background-color: #fff;
  padding: 1rem 0px 90px 0px;
}
.app_lc h2{
  text-align: center;
  color: #F49801;
  font-size: 1.8rem;
  font-weight: normal;
}

.app_lc img{
    display: block;
    width: 95%;
    margin: auto;
    margin-top: 2rem;
}
