* {

    margin: 0;

    padding: 0;

    -webkit-touch-callout: none;

    box-sizing: border-box;

  }

  

  body {

    font: 14px/24px, " ImexLatin-Regular", "\5b8b\4f53", sans-serif, tahoma;

    background: #F8F8F8;

   

    font-family: " ImexLatin-Regular";

  }

  

  @font-face{

    src: url(../fonts/ImexLatin-Regular.otf);

    font-family:" ImexLatin-Regular";

    

  }

  

  a {

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out

  }

  .mt-container{

    max-width: 1190px;

    margin: 0 auto;

  }

  a,

  a:focus,

  a:hover {

    text-decoration: none;

    color: #252525;

    

  }

  

  a:focus,

  input,

  textarea,

  select {

    outline: none

  }

  

  ul,

  ol {

    list-style-type: none;

  }

  

  .i {

    display: inline-block;

    margin: 0 3px;

    vertical-align: middle;

    margin-top: -3px;

  }

  

  img {

    border: none;

    outline: none;

    vertical-align: middle;

    max-width: 100%;

  }

  

  input,

  textarea {

    border: 1px solid #fff;

    background: #fff;

    width: 400px;

    border-top-left-radius: 25px;

    border-bottom-left-radius: 25px;

    padding-left: 20px;
  }

  

  .transition {

    -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    transition: all .2s ease-in;

  }

  

  .clear:after {

    content: '';

    display: block;

    clear: both;

  }

  

  .clear {

    zoom: 1;

  }

  

  

  .fl {

    float: left;

  }

  

  .fr {

    float: right;

  }

  

  .img img {

    display: block;

    width: 100%;

  }

  

  .text-center {

    text-align: center

  }

  

  .none {

    display: none;

  }

  

  .block {

    display: block;

  }

  

  .b-l {

    display: inline-block;

  }

  

  .ell {

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

  }

  

  .et {

    display: inline-block;

  }

  

  .box {

    box-sizing: border-box !important;

  }

  

  

  .container {

    width: 100%;

    max-width: 1690px;

    margin: 0 auto;

    padding-left: 15px;

    padding-right: 15px

  }

  

  .pr {

    position: relative;

  }

  

  .pa {

    position: absolute;



  }

  .body01{

    background: #fff;

  }

  .top{

    background:url(../img/banner01.png)

  }
 .top2{
  background:url(../img/banner01.png)
  }
  .top1{

    display: flex;

    justify-content: space-between;

    padding: 15px 0;

  }

  .top01{

    border-bottom:2px solid #fff ;

  }

  .logo{

    padding: 10px 0;

  }

  .logo1{

    font-size: 30px;

    color: #fff;

  }

  .touming{

    width: 100%;

    height: 100%;

    background-color:rgba(0, 0, 0, 0.4)  ;

    position: fixed;

    left: 0;

    top: 0;

    display: none;

    z-index: 1;

  }

  

  .touming.on{

    display: block;

  }
  .shoushou{
    overflow: hidden;
    position: relative;
  }
  .shou1{
    padding: 10px 80px;
    
    text-align: center;

  }
  .shou1 img{
    padding-bottom: 10px;
  }

  .search{
    display: flex;

    justify-content: center;
    
    line-height: 3;

    padding-bottom: 100px;
  }
  .search a{
    background: #0D71C9;

    border: 1px solid #0D71C9;

    color: #fff;

    line-height: 3;

    padding-left: 15px;

    padding-right: 15px;

    border-top-right-radius:25px ;

    border-bottom-right-radius: 25px;
  }
  .search1{
    text-align: center;
    
    line-height: 3;

    padding-bottom: 100px;
    
    display: flex;

    justify-content: center;
  }
  .search1 input{
    width: 200px;
  }
  .search1 a{
    background: #0D71C9;

    border: 1px solid #0D71C9;

    color: #fff;

    line-height: 3;

    padding-left: 15px;

    padding-right: 15px;

    border-top-right-radius:25px ;

    border-bottom-right-radius: 25px;
  }

  .t1{
    font-size: 18px;

    text-align: center;

    color: #333333;
  }
  .t2{
    font-size: 14px;
   
    padding-top: 20px;
    
    text-align: center;

    color: #333333;
  }
  .t3{
    font-size: 14px;

    color: #266ECB;

    border: 1px solid #266ECB;

    border-radius: 5px;

    padding: 8px 15px;
  }
  .t4{
    padding: 0 100px;
    text-align: center;
  }
  .t4 img{
padding-bottom: 15px;
  }

  .t5{
    text-align: center;

    padding: 40px 0;
  }
  /* .input{
    border: 1px solid #fff;

    background: #fff;

    width: 400px;

    border-top-left-radius: 25px;

    border-bottom-left-radius: 25px;
  } */

  .caidan i{

    font-size: 30px;

    color: #fff;

    padding-top: 10px;

   }

  .mobi_nav{

    position: fixed;

     background: #1E64D4;

     width: 200px;

     height: 100vh;

     top: 0;

     left: -200px;

     transition: all .4s;

     z-index: 3;

   }

   .mobi_nav.on{

     left: 0;

     

   }

   .mobi_nav a{

     display: block;

     color: #fff;

     line-height: 20px;

     padding: 20px;

   }

   .top02_1{

     background: #1E64D4;

     padding: 20px 15px;

     display: flex;

     justify-content: space-between;

   }

   

  .topphone{

    display: block ruby;

  }

  .topphone div{

    font-size: 10px;

    color: #fff;

    padding: 15px 0 0 8px;

  }

  .topphone p{

    font-size: 20px;

  }

  .navigation a{

    font-size: 18px;

    color: #fff;

    padding-right: 38px;

  }

  .navigation{

    padding: 10px 0;

  }

  .title1{

    padding: 120px 0 60px 0;

    text-align: center;

  }

  .p1{

    font-size: 60px;

    color: #fff;

    font-weight: 700;

  }

  .p2{

    font-size: 30px;

    color: #fff;

  }

  .title1_1{

    text-align: center;

    font-size: 20px;

    color: #fff;

  }

  .topxia{

    font-weight: 700;

    font-size: 40px;

  }

  .title2{

    text-align: center;

    color: #000;

    font-size: 36px;

    font-weight: 700;

     padding: 50px 0;

  }

  .present{

    padding-bottom: 80px;

  }

  .present1_1{

    

   text-align: center;

  background: #fff;

  margin-bottom: 20px;

  

  }

  .present1_1 img{

width: 100%;

  }

  .present1_1 p{

    height: 65px;

    padding: 15px;

  }

  .present1_1 a{

    background: #fff;

  }

  .choice{

    background: #fff;

  }

  .choice1_1{

    background: url(../img/woman_blue.png);

    text-align: center;

    width: 50%;

  }

  .choice1_2{

    background: url(../img/woman_gray.png);

    text-align: center;

  }

  .inp1{

    font-size: 36px;

    font-weight: 700;

    color: #fff;

  }

  .inp2{

    font-size: 18px;

    color: #fff;

  }

  .inp3{

    font-size: 36px;

    font-weight: 700;

    color: #000;

  }

  .inp4{

    font-size: 18px;

    color: #000;

  }

  .in{

    padding: 107px 0 120px 0;

  }

  .sheng{

    border: 1px solid #000;

    border-radius: 100px;

   padding: 10px;

   width: 4%;

   font-size: 24px;

  }

  .choice2_1{

    display: flex;

    text-align: center;

  }

  /* .choice2_1 div{

    font-size: 18px;

  } */

  .choice2_1 p{

    padding: 12px 6px;

    border:1px solid #000;

   border-radius: 100%;

   font-size: 20px;

   font-weight: 400;

  }

  .choice2_1 .img1{

    padding: 0 45px 0 16px;

  }

  .choice2_1 .img2{

    padding: 0 16px 0 45px;

  }

  .choice2{

    display: block;

  }

  .choice2_11{

    width: 48%;

    text-align: right;

  }

  .choice2_12{

    width: 3%;

  }

  .choice2_13{

    width: 48%;

    text-align: left;

  }

  .youshi{

    background: #fff;

    margin: 55px 0 55px 0;

    padding-left: 33px;

    padding-right: 33px;

    padding-bottom: 40px;

  }

  .youshi1{

    padding-bottom: 30px;



  }

 .youp1{

    font-size: 24px;

  }

  .youp2{

    color: #888;

    font-size: 14px;

  }

  .youshi1 div{

    display: inline-block;

   padding-left: 8px;

  }

  .youimg{

    padding: 10px;

  }

  .liucheng02{

    background: #fff;

 

  }

  .liucheng01{

    text-align: center;

  }

  .liup1{

    font-size: 24px;



  }

  .liup1 span{

    font-size: 14px;

  }

  .liucheng1{

    display: flex;

    justify-content: space-between;

   

  }

.zhixun{

  text-align: center;

  padding: 60px 0;

}

.zhixun a{

  padding: 18px 55px;

  background: #0D71C9;

  border: 1px solid #0D71C9;

  border-radius: 30px;

  color: #fff;

  font-size: 25px;

  font-weight: 700;

  letter-spacing:10px;



}

.zhixun p{

  font-size: 24px;

  color: #999999;

  padding: 40px 0;

}

.problem{

  background: url(../img/32.png)

}

.dongp1{

  font-size: 18px;

  color: #25346F;

  max-height: 50px;

  line-height: 50px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

}

.dongp2{

  font-size: 14px;

  color: #888888;

}

.dongp3{

  font-size: 14px;

  color: #888888;

  padding: 0;

  overflow:hidden;

  text-overflow: ellipsis;

  display:-webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp:3;  /* 限制在一个块元素显示的文本的行数。*/

  height: 60px;



}

 .dongtai01{

   padding: 28px 0px;

   

 }

 .dongtai01 img{

   width: 100%;

 }

 .dongtai{

   padding-bottom: 100px;

 }

.dibu{

  background: #1B1F2A;

  padding: 50px 0;

  

}

.dilogo p{

  color: #fff;

  font-size: 14px;

  padding: 10px 0;

}

.erweima span{

  font-size: 36px;

  color: #fff;

}

.erweima p{

  font-size: 14px;

  color: #fff;

}

 .copyright{

   background: #151922;

   font-size: 16px;

   color: #fff;

   text-align: center;

   padding: 10px 0;

 }

 .copyright a{

   color: #fff;

 }

 .copyright a:hover{

   color: aqua;

 }

 .baozhang{

   padding-bottom: 130px;

 }

 .baozhang1{

   text-align: center;

   padding: 10px;

 }

 .baozhangp1{

   font-size: 18px;

   padding-top: 15px;

   font-weight: 700;

   color: #000;

 }

 .zhuce{

   background: url(../img/j10.png);

   padding: 69px 0 50px 0;

 }
 .zhu01{
   background: #026BCD;

   text-align: center;

   padding: 30px 0 20px 0;

   margin-bottom: 40px;

   position: relative;
 }

 .zhup1{
   position: absolute;

   top: -20px;
   
   left: 40%;

   padding: 10px 15px;

   background: #ffd201;

   border-radius: 100%;

   
 }
 .zhup2{
   color: #fff;

   font-size: 22px;
 }

 .title01{

   text-align: center;

 }

 .title3 span{

   font-size: 36px;

   color: #06A3E8;

   font-weight: 700;

 }

 .title3{

   font-size: 30px;

   font-weight: 700;

   color: #000;

   

 }

 .title4{

   font-size: 16px;

   color: #000;

 }

 .zhuce01{

   display: flex;

   justify-content: space-around;

   padding: 40px 0;



 }

 .zhuce1{

   display: inline;

   text-align: center;

   padding: 15px 0;

   

 }


 .zhucep3{

   color: #3C9EEC;

   font-size: 20px;

   display: inline;

   padding: 40px 0;

 }

 .zhucep1{

   font-size: 14px;

   color: #333333;

   padding-top:10px ;

 }

 .zhucep1 span{

   font-size: 28px;

   color: #333333;

 

 }

 .zhucep2{

   font-size: 14px;

   color: #333333;

 }

 .cailiao{

   background: #fff;

   padding: 40px 0;

 }

 .cailiao1{

   padding-top: 60px;

 }

 .cailiao01 span{

   font-size: 20px;

   background: #0CA4E8;

   color: #fff;

   border-radius: 100%;

   padding: 5px 15px;

   text-align: center;

   margin-right: 10px;

 }

 .cailiao01 p{

   color: #0CA4E8;

   font-size: 20px;

   padding-bottom:35px ;

   margin-left: 40px;

 }

 .cailiao2_1{
  background: #0CA4E8;

  color: #fff;

  text-align: center;

  padding: 20px 0;
}

.cailiao2p1{
  font-size: 42px;
}

.cailiao2p2{
   font-size: 16px;
}


 .compare{

   background: url(../img/下载3.png);

   padding-bottom: 40px;

   

 }

 .compare1{

   background: #fff;

   text-align: center;

   border-top: 1px dashed #707070;

   border-left: 1px dashed #707070;

   border-right: 1px dashed #707070;



 }

 .compare1 .compare11{  

   font-size: 30px;

   padding: 15px 0;

   color: #0CA4E8;

   border-bottom:1px dashed #707070 ;

   margin-bottom: 0;

   margin: 0;

 }

 .sp1{

   padding-right:30px;

   color: #333333;

   font-size: 22px;

 }

 .sp2{

   padding-left: 30px;

   color: #999999;

   font-size: 22px;

 }

 .sp22{

  color: #0B7AAC;

  font-size: 22px;

  font-weight: 600;

  padding-top: 7px;

 }

 .product{

   padding-bottom: 80px;

 }

 .product1{

  border: 1px solid #888888;

 }

.product1_1{

padding: 50px 25px;



}

.prop1{

  font-size: 22px;

  color: #0CA4E8;

  font-weight: 700;

}

.prop2{

  font-size: 14px;

  color: #666666;

}

.product1{

  margin-bottom:20px ;

}

.haochu{

  padding-bottom: 80px;

}

.haochu1{

  text-align: center;

  margin-bottom: 40px;

}

.haochu1 p{

  font-size: 18px;

  color: #333333;

  padding-top: 15px;

}

.liucheng{

  background: #1D65D3;

}

.title02{

  text-align: center;

    color: #fff;

    font-size: 36px;

    font-weight: 700;

     padding: 50px 0;

}

.liucheng1_1{

  text-align: center;

}

.liup01{

  font-size: 18px;

  color: #fff;

}

.liup02{

  color: #fff;

  font-size: 32px;

  padding-top: 10px;

}



.liucheng2{

  display: flex;

  justify-content: space-around;

}

.liucheng2{

  position: relative;

  z-index: 2;

  padding-bottom: 40px;

  margin-bottom: 40px;

}

.liucheng2::after{

  position: absolute;

  border-bottom: 1px solid #C3DDF4;

  content: " ";

  width: 100%;

 left: 0;

 top: 30%;

 z-index: 1;

}

.jieshao01{

  display: flex;

  justify-content: space-around;

}

.jieshao1{

  border: 1px solid #AAAAAA;

  padding: 35px 30px;

  text-align: center;

  margin: 10px;

}

.jiep1{

  padding: 0 8px 15px 8px;

  border-bottom:1px solid #1D65D3 ;

  color: #1D65D3;

  font-size: 24px;



}

.jiep2{

  font-size: 24px;

  color: #333333;

}

.jiep3{

  font-size: 26px;

  color: #333333;

  font-weight: 700;

}

.jieshao{

  padding-bottom: 80px;

  background: #fff;

}

.neirong span{

  background: url(../img/图层128.png);

  padding: 14px 21px;

  color: #fff;

  margin-right: 10px;

  background-repeat: no-repeat;

}

.neirong{

  font-size: 25px;

  color: #333333;

  line-height: 45px;

}

.neirong1{

  font-size: 24px;

  color: #999999;

  padding-left: 45px;

}

.neirong2{

  padding-bottom: 80px;

}

.neirong01{

  padding: 15px 0;

}

.title04{

  text-align: center;

}

.title04 p{

  font-size: 30px;

  color: #333333;

}

.title04 span{

  font-size: 50px;

  color: rgb(240, 149, 12);

}

.xu{

  text-align: center;

  padding: 20px 0;

}

.xu img{

  padding: 20px 0;

}

.hezuo1 span{

font-size: 20px;

border-radius: 50%;

background: #0CA4E8;

padding: 5px 12px;

color: #fff;

margin-right: 10px;

}

.hezuo1 p{

  font-size: 20px;

  color: #06A3E8;

  padding: 30px 0;

}

.hezuo1{

  text-align: center;

}

.hezuo{

  display: flex;

  justify-content: space-around;

}

.problem1_1{

padding: 20px 0;

color: #666666;

}

.problem1_2{

padding-bottom: 15px;

color: #333333;

}

.problem1_1 span{

  background: url(../img/多边形2.png);

  background-repeat: no-repeat;

padding: 11px;

color: #fff;

margin-right: 10px;

line-height: 2;

}

.problem1_2 span{

  background: url(../img/多边形2拷贝.png);

  background-repeat: no-repeat;

  padding: 11px;

  color: #fff;

  margin-right: 10px;

  line-height: 2;

}

.problem01{

  padding: 15px 0;

  border-bottom:1px solid #888888 ;

}

.fangan1{

  text-align: center;

  padding: 15px;

}

.fangan{

  background: #fff;

}

.tedian{

  padding-bottom: 80px;

}



.you{

  background: #fff;

  padding-bottom: 80px;

}

.xingye{

  background: #fff;

}

.xingyep1{

  font-size: 18px;

  color: #333333;

  padding: 20px 0;

}

.xingye01{

  text-align: center;

}

.xingye01 img{

  color: #06A3E8;

}

.shebao{

  background: #fff;

}

.shebao1{

  text-align: center;

  padding-bottom: 80px;

  height: 180px;
}

.shebao1 p{

  font-size: 15px;

  color: #333333;

  padding-top: 18px;

}

.shebao01{

  padding: 30px 40px;

  color: #333333;

  font-size: 24px;

  border:1px dashed #888888;

}

.shebao01 p{

  padding: 15px 0;

}

.shebao2{

  display: flex;

  justify-content: space-between;

}

.jiantou{

  padding-top: 10px;

  font-size: 30px;

  color: #888888;

}

.zhuce02 img{

  width: 100%;

}

.zhuce03{

  background: #ECEDEF;

  padding-left: 20px;

  padding-right: 20px;

  padding-bottom: 20px;

}

.contact1{

  padding: 30px 0;

}

.contactp1{

  font-size: 18px;

  color: #333333;

  font-weight: 700;

}



.contactp2{

  font-size: 16px;

  color: #4C4C4C;

}

.guwentuan{

  background: url(../img/fl_06.png);

 

}

.guwentuan img{

  padding: 30px 0;

}

.guwenp1{

  font-size: 18px;

  color: #666666;

  padding: 30px 0;

}

.kuaiji{

  background: #fff;

  padding-bottom: 80px;

}

.canpingjiesao{

  background: url(../img/下载4.png);

}

.canpingjiesao1{

  display: flex;

  justify-content: space-between;

  background: #fff;

  margin-bottom: 60px;

  border: 1px dashed #888888;

}

.productfex{

  padding: 15px 40px;

  text-align: center;

  max-width: 265px;

}

.productfex1{

  margin-bottom: 80px;

  text-align: center;

}

.productp1{

  color: #333333;

  font-size: 24px;

}

.productp2{

  font-size: 20px;

  color: #F04C53;

  height: 60px;

}

.productp3{

  font-size: 18px;

  color: #666666;

  padding-top: 24px;

}

.zizhi{

  background: #fff;

  padding-bottom: 60px;

}

.zizhi1{

  padding-bottom: 40px;

}

.xiuxian{

  text-align: center;

  background: #fff;

  padding-bottom: 20px;

  margin-bottom: 20px;

  height: 289px;

}

.xiuxianp1{

  background:#F8F1E9 ;

  color: #F12612;

  font-size: 24px;

  padding: 20px 0;

}

.xiuxianp2{

  font-size: 22px;

  color: #666666;

  padding: 25px 30px;

}

.xiuxianp3{

  color: #F22614;

  font-size: 18px;

}



.zhouqi{

  background: url(../img/图层\ 70.png);

}

.guanlian{

  text-align: center;

  border: 1px dashed #888888;

  padding:40px 65px ;

  margin-bottom: 40px;

  height: 184px;

}

.guanlianp1{

  font-size: 20px;

  color: #666666;

  font-weight: 700;

}

.zhuce03_1{

  background: #fff;

  position: relative;

}

.zhuce03_1::after{

  position: absolute;

  border-bottom: 1px solid #999999;

  content: " ";

  width: 100%;

 left: 0;

 top: 50%;

 z-index: 1;

}



.zhuce03_3 p{

display: inline;

font-size: 18px;

color: #333333;

line-height: 3;

}

.zhuce03_3 .s1{

font-size: 18px;

color: #fff;

background: #F04C53;

border-radius: 100%;

padding: 10px 15px;

margin-right: 10px;

  }

.zhuce03_3 .s2{

    font-size: 18px;

    color: #fff;



    background: #57ADDC;

    border-radius: 100%;

    padding: 10px 15px;

    margin-right: 10px;

      }  



.zhuce03_2{

  padding: 50px 110px;

  

}

.zhuceimg{

  padding: 15px;

}

.shangbiaoziliao{

  background: #fff;

}

.shangbiaoziliao img{

  width: 100%;

}

.zizhi01_1{

  background: #65C0EF;

  color: #fff;

  text-align: center;

  

  padding: 62px 0 80px 0;

  font-size: 42px;



}

/* .zizhi01{

  border-top: 1px dashed #666666;

  border-right: 1px dashed #666666;

  border-bottom: 1px dashed #666666;

} */

.baozhangp2{

  font-size:16px ;

  border-top: 1px solid #fff;

  padding-top: 17px;

}

.zizhi2{

  font-size: 22px;

  color: #666666;

  text-align: center;

  border-right: 1px solid #666666;

  padding-right: 0;

  

}

.zizhi3{

  font-size: 22px;

  color: #666666;

  text-align: center;

  padding-left: 0;

}

.baozhangp3{

  border-bottom: 1px solid #666666;

  padding-bottom: 25px;

  

}

.baozhangp4{

  border-top: 1px dashed #666666;

  font-size: 20px;

  text-align: center;

  color: #666666;

  margin: 0;

  border-bottom: 1px dashed #666666;

  line-height: 43px;

}

.cailiao3p1{
  border-bottom: 1px solid #666666;

 padding: 10px 0;
  
  font-size: 18px;
}

.cailiao3p2{
  font-size: 18px;

  padding-bottom: 25px;
}

.cailiaop3{
  padding: 15px 20px 0 20px;
border-top: 1px solid #666666;
  font-size: 18px;
}

.cailiao3{
  text-align: center;
}

.cailiao3_1{
  border-left: 1px solid #666666;

  border-bottom: 1px solid #666666;

  border-right: 1px solid #666666;
}

.zizhi01_2{

  border-right: 1px dashed #666666;

  border-top: 1px dashed #666666;

  padding: 8px 0 0 0;

}

.xingye1{

  display: flex;

  justify-content: space-between;

  padding-bottom: 40px;

}



.tedian3 p{

  background: #FF9547;

  padding: 20px 0 20px 100px;

  color: #fff;

  font-size: 20px;

  opacity: 0.6;

  position: relative;

}

.tedian3 img{

  position: absolute;

  /* top: 250px; */

  z-index: 1;

}

.tedian3 span{

  font-size: 14px;

}

.tedian2{

  width: 100%;

  

}

.tedian01{

  

}

.tedian3{

  padding: 0 15px;

  

}

.tedian3p1{

  background: #FF6555;

}



.mt-container{

  max-width: 1190px;

  margin: 0 auto;

}

.shangbiao1{
  background: #fff;
  padding: 10px;
}

.shangbiaotitle{
  text-align: center;
  font-size: 16px;
}




/* 小屏幕（平板，大于等于 768px） */



@media (min-width: 1px) { 



  .pc{



    /* 隐藏 */



    display: none;



  }



  



  .phone{



    /* 显示 */



    display: block;



  }



 }







/* 小屏幕（平板，大于等于 768px） */



@media (min-width: 750px) { 



  .pc{



    /* 隐藏 */



    display: none;



  }



  



  .phone{



    /* 显示 */



    display: block;



  }



 }







/* 中等屏幕（桌面显示器，大于等于 992px） */



@media (min-width: 992px) { 



  .pc{



    /* 隐藏 */



    display: block;



  }



  



  .phone{



    /* 显示 */



    display: none;



  }



 }







/* 大屏幕（大桌面显示器，大于等于 1200px） */



@media (min-width: 1200px) { 



  .pc{



    /* 隐藏 */



    display: block;



  }



  



  .phone{



    /* 显示 */



    display: none;



  }



 }