html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  font-family: "Microsoft YaHei";
  background-color: #282A2E;
}

* {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  display: block;
}

a {
  text-decoration: none;
}

.zhanao-serves{
  width:100%;
  height:530px;
  background:rgba(220,1,1,1);
}
.zhanao-serves .serves-item{
  text-align: center;
  background:linear-gradient(90deg,rgba(189,1,1,1),rgba(220,1,1,1));
  vertical-align: top;
  padding-top: 164px;
  cursor: pointer;
  /*transition: all .5s;*/

}
.zhanao-serves .serves-item img{
  margin: 0 auto;
}
.zhanao-serves .serves-item .serves-name{
  font-size:30px;
  font-weight:400;
  color:rgba(255,255,255,1);
  margin-top: 60px;
}
.zhanao-serves .serves-item .serves-tip{
  font-size:30px;
  font-weight:300;
  color:rgba(255,255,255,1);
  margin-top: 5px;
}
.zhanao-serves .serves-item .hover-span{
  position: relative;
  top: 14px;
  display: none;
}
.zhanao-serves .serves-item:hover{
  background:linear-gradient(0deg,rgba(254,70,70,1),rgba(220,1,1,1));
}
.zhanao-serves .serves-item .item-body{
  position: relative;
  top: 0;
  transition: all .2s linear;
}
/*.zhanao-serves .serves-item:hover .item-body{*/
/*  top: -60px;*/
/*}*/

.zhanao-serves .serves-item .item-body img.serves-img{
  transition: all .2s linear;
  position: relative;
  top: 0;
}
.zhanao-serves .serves-item:hover .item-body img.serves-img{
  top: -60px;
}
/*.zhanao-serves .serves-item .item-body .serves-tip{*/
/*  transition: all .2s linear;*/
/*  transition-delay: .1s;*/
/*  position: relative;*/
/*  top: 0px;*/
/*}*/
/*.zhanao-serves .serves-item:hover .item-body .serves-tip{*/
/*  top: -60px;*/
/*}*/
.zhanao-serves .serves-item .item-body .serves-name{
  transition: all .2s linear;
  transition-delay: 40ms;
  position: relative;
  top: 0;
}
.zhanao-serves .serves-item:hover .item-body .serves-name{
  top: -60px;
}
.zhanao-serves .serves-item:hover .hover-span{
  display: unset;
}

.zhanao-case{
  /*height: 373px;*/
  text-align: center;
  background-color: white;
  padding-top: 70px;
  /*margin-bottom: 32px;*/

}
.zhanao-case .case-name-cn{
  color: #5A5A5A;
  font-size: 30px;
  font-weight: bold;
}
.zhanao-case .case-name-en{
  color: #DB0101;
  font-size: 30px;
}
.zhanao-case .case-describe{
  color: #515151;
  font-size: 20px;
  line-height: 28px;
  width: 60%;
  margin: 60px auto 0 auto;
}
 .case-switch{
  padding-top: 60px;
  text-align: center;
   padding-bottom: 40px;
}
 .case-switch .case-switch-item{
  display: inline-block;
  width:129px;
  height:35px;
  color: #5A5A5A;
  border-radius:10px;
  box-sizing: border-box;
  padding-top: 5px;
  cursor: pointer;
}
 .case-switch .case-switch-item.active{
  background-color: #DB0101;
  color: white;
}
 .case-list{
  display: flex;
  flex-wrap: wrap;
}
 .case-list .list-item{
  flex: 0 0 33.33%;
  height: 480px;
  overflow: hidden;
  /*background-color: #67C23A;*/
  /*border: 1px solid #EC3329;*/
}
 .case-list .list-item .item-mark{
  height: 0;
}
.case-list .list-item .item-mark .item-mark-body{
  width: 33.33vw;
  height: 480px;
  background:linear-gradient(0deg,rgba(254,70,70,1),rgba(220,1,1,1));
  opacity:0.89;
  position: relative;
  z-index: 1;
  top: -480px;
  transition: all 0.2s;
  overflow: hidden;
  /*top: 0;*/
}
.item-mark-body-inner{
  margin-top: 50px;
  text-align: center;
  cursor: pointer;
}
.item-mark-body-inner img{
  display: inline-block;
  margin: 0 auto;
}
.body-inner-name{
  margin-top: 45px;
  font-size: 29px;
  color: #FFFFFF;
}
.body-inner-enter{
  margin-top: 5px;
  font-size: 18px;
  color: #FFFFFF;
}

 .case-list .list-item:hover .item-mark .item-mark-body{
  top: 0;
}
.case-list .list-item img{
  transition: all 0.2s ease-in-out;
   width: 100%; 
  
}
.case-list .list-item a .item-mark img{
  transition: all 0.2s ease-in-out;
   width: auto!important
  
}

.case-list .list-item .item-mark>img{
  transition: all 0.2s ease-in-out;
  width: 100% !important;
}
.case-list .list-item .item-mark a img{
  transition: all 0.2s ease-in-out;
  width: auto !important;
}
.case-list .list-item:hover img{
  /*width: 50px;*/
  transform: scale(1.1);
}
.case-more{
  height: 106px;
  color: white;
  font-size: 30px;
  text-align: center;
  line-height: 106px;
  background-color: #DB0101;
  cursor: pointer;
}
.choice-zhanao{
  height: 845px;
  background: url("../images/choice-bg.png") 100% 100%;
}
.title-cn{
  padding-top: 85px;
  font-size: 30px;
  color: white;
  text-align: center;
}
.title-en{
  font-size: 30px;
  color: #DB0101;
  text-align: center;
  margin-bottom: 50px;
}

.number-show{
  display: flex;
  justify-content:center;
}
.number-show-item,.number-show-img,.number-show-num,.number-show-num,.number-show-desc{
  text-align: center;
  color: white;
}
.number-show-item{
  flex: 0 0 300px;
}
.number-show-num{
  margin-top: 50px;
  font-size: 60px;
}
.number-show-num span{
  font-size: 35px;
  position: relative;
  top: -25px;
}
.number-show-img img{
  display: inline-block;
  margin: 0 auto;
}
.number-show-desc{
  font-size: 18px;
}
.choice-desc{
  width: 82%;
  margin: 55px auto 0 auto;
  color: white;
  font-size:18px;
  /*font-weight:bold;*/
  color:rgba(232,232,232,1);
  line-height:35px;
}
.contact-us{
  background-color: white;
  text-align: center;

}
.contact-us .title{
  text-align: center;
  font-size: 30px;
  width:333px;
  height:30px;
  font-weight:bold;
  color:rgba(43,43,43,1);
  line-height:24px;
  padding-top: 100px;
  margin: 0 auto 30px auto;
}
.contact-us .title span{
  color: #FA272C;
  line-height:30px;
}
.contact-us .title-2{
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  color: #515151;
}
.contact-type{
  width: 68%;
  margin: 90px auto 115px auto;
}
.contact-type .dis_table_cell{
  width: 32%;
  padding:0 40px 0 40px;
}
.contact-type .dis_table_cell .text{
  text-align: left;
  font-size: 18px;
  color: #515151;
}
.contact-type .type-center{
  width: 36%;
}
.contact-type .dis_table_cell img{
  display: inline-block;
  margin: 0 auto 35px auto;

}
.type-left,.type-center{
  border-right: 1px solid rgba(0,0,0,0.2);
}
.contact-type .dis_table_cell.type-left{
  padding-left: 95px;
}
.contact-type .dis_table_cell.type-right{
  padding-right: 120px;
}
.contact-type .dis_table_cell.type-center{
  padding-left: 67px;
}
.zhanao-footer{
  background-color: #DB0101;
  padding: 60px 180px 55px 180px ;
}
.foot-content{
  color: #fffFfF;
  font-size: 18px;
  width: 100%;
  margin-top: 36px;
}
.foot-content .textleft{
  line-height: 40px;
}
.foot-content .textleft .right{
  display: inline-block;
  margin-left: 50px;
}
.foot-content .textright{
  line-height: 32px;
  width: 50%;
}
.foot-content .textcenter img{
  display: inline-block;
  margin: 0 auto;
}
.foot-logo{
  width: 100%;
}
.foot-icon-gorp{
  position: relative;
  top: 26px;
  left: -4px;
}
.foot-icon-gorp img{
  display: inline-block;
  margin: 0 7px;
}
.foot-link{
  margin-top: 40px;
}
.foot-link,.foot-link a{
  color: #E4E3E3;
  font-size: 14px;
}

.number-show-item .number-show-num,.number-show-item .number-show-desc{
  position: relative;
  left: -5px;
}
.contentarea{
  width: 1200px;
  margin: 0 auto;
  background-color: white;
  padding: 2rem 0;
}
.contentarea p{
  line-height: 1.5rem;
  font-size: 16px;
  margin: 1.5em 0;
  text-align: left !important;
}
.contentarea img{
max-width: 100%;
}

.contentarea a,.contentarea a:hover,.contentarea a:link{
  color:#222222
}
.previous_post_link{
  padding: 1rem 0;
}
.pager{
  text-align: center;
  padding: 10px 0
}
.pager a,.pager span{
  color: #000;
    padding: 5px 15px;
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    font-size: 18px

}
.foot-link ul{display: inline-block;}
.foot-link li{display: inline-block;list-style: none;}
.waponly{display: none}
.top_navbg_title1{
  font-size:60px;
font-weight:bold;
color:rgba(255,255,255,1);
line-height:58px;
margin-top: 30px
}

.top_navbg_title2{
font-size:58px;
font-weight:bold;
color: white;

line-height:58px;
margin-top: 30px;
text-align: center;
color:rgba(255,57,2,1);text-transform: uppercase;

}
.top_navbg_title4{
    height: 42px;
    font-size: 36px;
    color: white;
    line-height: 58px;
    margin-top: 30px;
    text-align: center;
    margin-top: 30px;
    visibility: visible;
    transform: translateY(0) scale(1);
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    opacity: 1;
    transition: transform 0.5s ease-in-out 0.2s, opacity 0.5s ease-in-out 0.2s;
    -webkit-transition: -webkit-transform 0.5s ease-in-out 0.2s, opacity 0.5s ease-in-out 0.2s;

}
.top_navbg{

       width: 100%;
       height: 600px;
       /*background: url('/wp-content/themes/zeao2020/style/images/contact-bg.png');*/
	 background: url('/wp-content/themes/zeao2020/style/images/contact-bg.jpg');
       background-size:100% 100%;
	background-size:cover;
       display: flex;
       justify-content:center;
       align-items:center;
       flex-direction:column
}
.zhanao-case ul{
  display:inline-block;

}
.contentarea p img{height:auto!important}
.zhanao-case ul li{
  display:inline-block;
  float: left;

  list-style: none;

    width: 129px;
    height: 35px;
   
    border-radius: 10px;
    box-sizing: border-box;
    padding-top: 20px;
    cursor: pointer;
}
.zhanao-case ul li a,.zhanao-case ul li a:hover,.zhanao-case ul li a:link,.zhanao-case ul li a:visited{
 color: #5A5A5A;

}

.caselist-nav{text-align: center;background: #ffffff;padding: 10px}
.caselist-nav ul{
  display:inline-block;

}
.caselist-nav ul li{
  display:inline-block;
  float: left;

  list-style: none;

    width: 129px;
    height: 35px;
   
    border-radius: 10px;
    box-sizing: border-box;
    padding-top: 20px;
    cursor: pointer;
}
.caselist-nav ul li a,.caselist-nav ul li a:hover,.caselist-nav ul li a:link,.caselist-nav ul li a:visited{
 color: #5A5A5A;

}


.footer-wap{display: none}

.index_server_name{
  font-size:30px;
  color:rgba(255,255,255,1);
  line-height:44px;
}
.zhanao-serves-wap{display: none}
.choice-zhanao-wap{display: none}
.contact-us-wap{display: none}

.top_navbg_choice_bg{

  background: url('/wp-content/themes/zeao2020/style/images/17.png');

}
.top_navbg_choice_title1{
font-size:60px;
font-weight:bold;
color:rgba(255,255,255,1);
line-height:80px;
}
.top_navbg_choice_title2{
height:42px;
font-size:60px;
font-weight:bold;
color:rgba(255,57,2,1);
line-height:58px;margin-top: 30px
}

.idea-view-h1{font-size:28px;font-weight:bold;color:rgba(223,2,2,1);line-height:42px;padding-top: 65px}
.idea-view-h2{font-size:19px;font-weight:bold;color:rgba(223,2,2,1);line-height:42px;padding-top: 30px}
.idea-view-content{
  font-size:18px;font-weight:400;color:rgba(81,81,81,1);line-height:37px;
}
/* .foot-content .textleft{width:612px} */
.foot-content .dis_table_cell{display: inline-block;}
.foot-content #index-config{float:right;}
.foot-content .erweima{float:right;}
.foot-link ul{display: inline-block;}
.foot-link li::after{content: "|";display: inline-block;padding-left: 6px;}
.foot-link li:last-child::after{content: "";display: inline-block;padding-left: 0px;}
@media screen and (max-width: 768px) {
  .top_navbg{justify-content: flex-end;}
  .top_navbg_title2 {
    margin-top: 20px;
    padding-bottom: 20px
}  
.top_navbg_title4 {
    margin-top: 20px;
    padding-bottom: 20px
}
  .contentarea{
    width: 100%;
  }
  .foot-link{
    display: none;
  }
  .zhanao-footer{
    padding: 2px 2px 2px 2px;
  }
  .zhanao-footer .footer_about span.right{
    display: none;
  }
  .zhanao-footer  .foot-icon-gorp{
    display: none;
  }
  .foot-logo img{
    padding:10px 0 0 10px;
  }
  #index-config{
    padding-right: 0 !important;
    width: 100%;
    text-align: left;
    padding-left: 5px
  }
  .zhanao-footer .dis_table_cell{
    width: 100%;
    display: block;
  }
  .footer_about>div{
    float: left;
    display: inline-block;
    padding-left: 10px;
    height: 45px
  }
  .waponly{display: none;}
.zhanao-footer .erweima{
  display: none;
}

  /*头部自适应*/


  .top_navbg{


       height: 200px;
       background-size:100% 100%;
       background-position: center center;

}



.top_navbg_title1{
  font-size: 1rem;
  padding-top: 40px;
  line-height: 1rem
}
.top_navbg_title2{
  font-size: 1rem;
  padding-top: 5px;
  line-height: 1rem
}
.item-mark-body-inner{height: 0}
.body-inner-name{
  font-size: 1rem
}
.alwu-header{
  height: 60px !important;
}
.alwu-header-top-icon img{
  width: 100px !important;
    height: auto !important;
}
/*案例*/
.case-list img{
  width: 100%

}
.case-list .list-item{
  height: auto
}
.body-inner-enter{
  display: none;
}

/*首页*/
.swiper-container  img{
  width: 100%;
  height: auto;
}
.zhanao-serves{
  display: none !important
}
.zhanao-serves-wap{
  display: block;
}
.zhanao-serves-wap .server-item{width: 100%}
.zhanao-serves-wap .dis_table_cell{height:74px;/*width:100%;*/background:linear-gradient(0deg,rgba(189,1,1,1),rgba(220,1,1,1));}
.zhanao-serves-wap .dis_table_cell:nth-child(1){width:25%;text-align:center;padding-left:10px;}
.zhanao-serves-wap .dis_table_cell:nth-child(2){width:65%;font-size:16px;color:white;text-align:left;}
.zhanao-serves-wap .dis_table_cell:nth-child(3){width:10%;text-align:right;}
.zhanao-serves-wap .dis_table_cell:nth-child(1) img{display:inline-block;margin:0 auto;}

.zhanao-serves-wap .dis_table_row{display:table-row;}
.zhanao-serves-wap .dis_table_cell{display:table-cell;vertical-align:middle;text-align:center;}

.zhanao-case .case-name-cn{display: none;}
.zhanao-case .case-name-en{display: none;}
.zhanao-case .case-describe{display: none;}
.zhanao-case .case-switch{display: none;}
.zhanao-case {padding-top: 0}



.choice-zhanao{display: none;}
.choice-zhanao-wap{display: block;width: 100%}

.choice-zhanao-wap .about-button{width:130px;height:30px;background:rgba(48,48,48,0.74);font-size:14px;color:#ffffff;margin:0 auto;text-align:center;padding-top:5px;box-sizing:border-box;}
.choice-zhanao-wap .about-button img{display:inline-block;position:relative;top:1px;left:4px;}

.choice-zhanao-wap .number-show-body{background:linear-gradient(90deg,rgba(189,1,1,1),rgba(220,1,1,1));}
.choice-zhanao-wap .number-show-body .logo{text-align:center;padding:20px 0 15px;}
.choice-zhanao-wap .number-show-body .logo img{display:inline-block;margin:0px auto;}
.choice-zhanao-wap .number-show{width:100%;display:flex;justify-content:center;}
.choice-zhanao-wap .number-show-item,.number-show-img,.number-show-num,.number-show-desc{text-align:center;color:white;}
.choice-zhanao-wap .number-show-item{flex:0 0 25%;}
.choice-zhanao-wap .number-show-num{margin-top:25px;font-size:20px;}
.choice-zhanao-wap .number-show-num span{font-size:18px;position:relative;top:-12px;}
.choice-zhanao-wap .why-choice{text-align:center;font-size:30px;color:rgba(255,255,255,0.7);padding:62px 0 44px;}
.choice-zhanao-wap .number-show-img img{display:inline-block;margin:0 auto;}
.choice-zhanao-wap .number-show-desc{font-size:12px;}







.alwu-common-table{display:table;width:100%;height:100%;}
.alwu-common-middle-table-cell{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.contact-us-wap .contact-box{position:relative;width:100%;/*height:10.66667rem;*/overflow:hidden;box-sizing:border-box;padding:1.13333rem 0.45rem 1rem 0.45rem;background-size:100% 10.66667rem;}
.contact-us-wap .contact-box h1{color:#ffffff;font-size:1.2rem;line-height:1.2rem;text-align:left;font-weight:normal;margin:0 0 0.6rem 0;}
.contact-us-wap .contact-box p{width:100%;color:#9f9eab;font-size:1rem;line-height:1.5rem;text-align:left;}
.contact-us-wap .contact-box p a{display:inline-block;color:#339fe3;font-size:1rem;line-height:1rem;}
.contact-us-wap .contact-box .input-row{position:relative;width:98%;overflow:hidden;padding:1.5rem 0.10667rem 0 0.10667rem;}
.contact-us-wap .contact-box .input-row span{color:#6c6a7d;font-size:1rem;line-height:1rem;display:inline-block;position:relative;top:0.08rem;text-align:left;float:left;}
.contact-us-wap .contact-box .input-row input{width:7.46667rem;height:1.2rem;line-height:1rem;float:left;background-color:transparent;border:0;padding:0;outline:0;color:#ffffff;font-size:1rem;margin-left:0.4rem;margin-right:0.3rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.contact-us-wap .contact-box .input-row input:focus + span{color:#ffffff;}
.contact-us-wap .contact-box .btn-send{position:relative;width:80%;margin:2rem auto 0 auto;color:#ffffff;font-size:1rem;line-height:2rem;text-align:center;border:1px solid #5b6068;}
.contact-us-wap .contact-phone-address-container{overflow:hidden;}
.contact-us-wap .contact-phone-container{width:50%;height:10rem;background:linear-gradient(90deg,rgba(189,1,1,1),rgba(220,1,1,1));float:left;}
.contact-us-wap .contact-phone-container *{margin:auto;}
.contact-us-wap .contact-address-container{width:50%;height:10rem;background:linear-gradient(90deg,rgba(189,1,1,1),rgba(220,1,1,1));float:left;}
.contact-us-wap .contact-address-container *{margin:auto;}
.contact-us-wap .contact-phone-icon{width:2rem;}
.contact-us-wap .contact-phone-text1{margin-top:0.4rem;font-size:0.6rem;line-height:0.7rem;color:rgba(255,255,255,0.8);}
.contact-us-wap .contact-location-icon{width:2rem;}
.contact-us-wap .contact-address-text1{margin-top:0.4rem;font-size:0.8rem;line-height:1.2rem;color:rgba(255,255,255,0.8);}


.zhanao-footer-mobile{padding:10px 0;background:rgba(48,48,48,1);}
.zhanao-footer-mobile div{font-size:12px;font-weight:400;color:rgba(255,255,255,1);line-height:12px;opacity:0.4;text-align:center;padding:5px 0;}



.vistable-pc{display: none !important}
.footer-wap{

  display: block;
}
.contact-us-wap{display: block;}

.contact-us-wap .contact-box .btn-send input[type='submit']{
      border: 0px;
    background-color:transparent;
    padding: 0.5rem;
    font-size: 1rem
}
.idea-view{
  width: 100% !important;
  line-height: 2rem !important;
  font-size: 1rem !important;
  /*padding: 0 10px;*/
}
.idea-view-h1{
    font-size: 1.5rem !important;
    line-height: 1.2rem !important;
    padding: 15px;
    }
    .idea-view-h2{
    font-size: 1rem !important;
    line-height: 1.2rem !important;
    padding: 15px;
    }
.idea-view img{width: 100% !important;height: auto !important}
.case-switch .case-switch-item{width: 50% !important;margin-bottom: 0.5rem;margin-left: 0;margin-right: 0}
.idea-view-content{
  padding: 0 10px;
  font-size: 1rem !important;
    line-height: 2rem !important;
}
/*运作方略*/
.top_navbg_yunzuo_title1{padding-top: 0px;margin-top: 20px}
.top_navbg_title4{font-size: 1rem;line-height: 1rem;height: auto;}
.strategy-describe  .animation-3{
  padding: 0 5px;
  font-size: 1rem;
  line-height: 2rem;
}
.strategy-list .text {width: 100%  !important ;height: auto !important;}
.strategy-list .text .text-content {

    padding: 30px 50px !important;
}


.strategy-list .text h1 {

    font-size: 1.2rem  !important;

}

.strategy-list .text p {

    font-size: 1rem !important;

}
.strategy-list .dis_table_cell{display: block;}
.strategy-list .img {
    height: auto !important;
    display: none;
}
.strategy-list .dis_table_cell img{height: auto !important}

/*联系我们*/
 

.contact-us-wap .about-us{background:rgba(49,47,68,1);font-size:13px;font-weight:500;color:rgba(255,255,255,.5);line-height:13px;padding:25px;}
.contact-us-wap .about-us h1{text-align:center;font-size:20px;font-weight:500;color:rgba(255,255,255,1);padding:0 0 15px;}
.contact-us-wap .about-us h2{text-align:center;font-size:12px;font-weight:500;color:rgba(255,255,255,1);padding:0px 0 10px;}
.contact-us-wap .about-us p{font-size:13px;text-indent:2em;margin:5px 0;color:rgba(255,255,255,.5);line-height:18px;}
.contact-us-wap .red-line{width:20%;height:2px;background-color:#DB0101;margin:0 auto 15px;}
}
.top_navbg_title2{
	display:none;
}