@charset "UTF-8";

/*=============mio产品专题页==============*/
.light{
  overflow: hidden;
}
.mio{
  overflow: hidden;
}
.miobdtx{
  left:5%;
}
.miobdtx .nybuybtn{
  background-color: #1f84ec;
}
.miobdtx h2{
  font-size: 72px;
  font-family: "Century Gothic","黑体","Microsoft Yahei";
  color: #fff;
  line-height: 1;
}
.miobdtx h3{
  margin-top:4%;
}
.miointro{
  padding-top:4%;
  padding-bottom:4%;
}
.miointro .wrap {
    max-width: 1308px;
    margin: 0 auto;
}
.miointro .tx{
  margin-top:6%;
  width: 40%;
}
.miointro .tx h2{
  font-size: 52px;
  color: #333;
  line-height: 1.4;
  margin-bottom:16px;
}
.miointro .tx h3{
  font-size: 18px;
  color: #666;
  line-height: 1.4;
  height:50px;
  overflow: hidden;
}
.miointro .tx .txp{
    font-size: 14px;
    color: #666;
    line-height: 26px;
}
.miointro .tx .txp p{
    margin-bottom: 20px;
}
.miointro .tx .btns{
  margin-top:10%;
}
.miobtn{
  text-align: center;
  margin-right:46px;
}
.miobtn em{
  display: inline-block;
  width: 79px;
  height: 79px;
  background:url(../img/btnk.png) no-repeat center;
  background-size:100% 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.miobtn em b{
  display: inline-block;
  *zoom:1;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  left: 50%;
}
.miobtn p{
  font-size: 14px;
  color: #666;
}
.miobtn.btn01 em b{
  background:url(../img/btn01.png) no-repeat center;
  background-size:50px 50px;
}
.miobtn.btn02 em b{
  background:url(../img/btn02.png) no-repeat center;
  background-size:50px 50px;
}
.miocar{
  width: 52%;
  position: relative;
  margin-right:54px;
}
.miocar img{
  width: 100%;
}
.mioletter{
  width: 100%;
  position: absolute;
  top:8%;
  right:0;
  z-index: 2;
}
.mioletter span{
  float: left;
}
.mioletter span img{
  width: 100%;
  height: 100%;
}
.mioletter .l01{
  display:block;
  width: 42.4%;
  margin-right:14%;
}
.mioletter .l02{
  display:block;
  width: 2.75%;
  margin-right:13%;
}
.mioletter .l03{
  display:block;
  width: 27.5%;
  margin-top:2%;
}
.mioflxcar{
  position: relative;
  z-index: 3;
}
.eva{
  overflow: hidden;
}
.eva>img{
  width: 150%;
  display: none;
}
.eva .wrap{
  max-width: 1308px;
  margin: 0 auto;
  padding-top: 8%;
  padding-bottom: 8%;
}
.eva .tx{
  width: 514px;
  float: right;
}
.eva .tx h2{
  width: 100%;
  margin-bottom:20px;
}
.eva .tx h2 img{
  max-width: 100%;
}
.eva .tx h3{
  font-size: 40px;
  color: #fff;
  line-height: 1;
  margin-bottom:40px;
}
.eva .tx .txp{
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  line-height: 26px;
  margin-bottom:32px;
}
.eva .tx .txp p{
  margin-bottom:32px;
}

.mini{
  position: relative;
}
.mini>img{
  max-width: 100%;
}
.mini .tit{
  position: absolute;
  top:5%;
  width: 100%;
  padding:0 12%;
  box-sizing:border-box;
  text-align: center;
}
.mini .tit h2{
  font-size: 48px;
  color: #333;
}
.mini .tit h3{
  font-size: 14px;
  color: #333;
  margin-top: 96px;
}
.ministyle>img{
  display: none;
  max-width: 100%;
}
.ministyle .wrap{
  max-width: 1308px;
  margin: 0 auto;
  padding-top: 10%;
  padding-bottom:12%;
}
.ministyle .tx h2{
  font-size: 48px;
  color: #000;
}
.ministyle .tx h3{
  font-size: 14px;
  color: rgba(0,0,0,0.7);
}
.ministyle .tx .num{
  margin-top:5%;
}
.ministyle .tx .num p{
  font-size: 18px;
  color: #1688fe;
  line-height: 1;
}
.ministyle .tx .num p span{
  font-size: 82px;
  line-height: 1;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
}
.mioall .alldegtit .desc ul li em{
  display: inline-block;
  width: 79px;
  height: 79px;
  background:url(../img/btnk.png) no-repeat center;
  background-size:100% 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border:none;
}
.mioall .alldegtit .desc ul li em b{
  display: inline-block;
  *zoom:1;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  left: 50%;
}
.mioall .alldegtit .desc ul li p{
  font-size: 14px;
  color: #2392ce;
}
.mioall .alldegtit .desc ul li em.iall01 b{
  background:url(../img/iall01.png) no-repeat center;
  background-size:50px 50px;
}
.mioall .alldegtit .desc ul li em.iall02 b{
  background:url(../img/iall02.png) no-repeat center;
  background-size:50px 50px;
}

.colorful .wrap{
  max-width: 1308px;
  margin: 0 auto;
  padding-top: 5%;
  position: relative;
}
.colorful .tx{
  width: 52%;
  padding-top:5%;
  padding-bottom:10%;
}
.colorful .tx h2 img{
  max-width: 100%;
  margin-bottom:40px;
}
.colorful .tx h3{
  font-size: 48px;
  line-height: 1.4;
  color: #fff;
  margin-bottom:14px;
}
.colorful .tx .txp{
  font-size: 16px;
  color: #fff;
  height:64px;
  overflow: hidden;
  margin-bottom:2%;
}
.colorful .colorfulpic{
  width: 36.7%;
  padding-right:5%;
  position: absolute;
  bottom:0;
  right:0;
}
.colorful .colorfulpic img{
  width: 100%;
}
.colorful .tx .miotouch{
  width: 164px;
  height: 164px;
  position: relative;
}
/*.colorful .tx .drag{
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border:2px #fff solid;
  text-align: center;
  position: relative;
  cursor:pointer;
}*/
.colorful .tx .miotouch #picker{
  position: absolute;
  top:0;
  left:0;
}
.colorful .tx .dragtx{
  text-align: center;
  font-size:24px;
  color: #fff;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  line-height: 160px;
}
.colorful .tx .drag em{
  background-color: #12eb92;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: block;
  position: absolute;
  top:0;
  left:50%;
  /*margin-top:-13px;
  margin-left:-13px;*/
  transform:translate(-10px,-10px);
}
.colorful{
  transition:all 2s;
}
.colorbg00{
  /*background: -moz-linear-gradient(left, rgb(169, 230, 138), rgb(126, 22, 196));
  background: -webkit-linear-gradient(left, rgb(169, 230, 138), rgb(126, 22, 196));
  background: -o-linear-gradient(left, rgb(169, 230, 138), rgb(126, 22, 196));*/
  background-color: rgb(169, 230, 138);
  transition:all 2s;
}
.colorbg01{
  /*background: -moz-linear-gradient(left, rgb(230, 247, 239), rgb(179, 197, 230));
  background: -webkit-linear-gradient(left, rgb(230, 247, 239), rgb(179, 197, 230));
  background: -o-linear-gradient(left, rgb(230, 247, 239), rgb(179, 197, 230));*/
  background-color: rgb(230, 247, 239);
  transition:all 2s;
}
.colorbg02{
  /*background: -moz-linear-gradient(left, rgb(243, 245, 231), rgb(179, 230, 227));
  background: -webkit-linear-gradient(left, rgb(243, 245, 231), rgb(179, 230, 227));
  background: -o-linear-gradient(left, rgb(243, 245, 231), rgb(179, 230, 227));*/
  background-color:rgb(243, 245, 231);
  transition:all 2s;
}
.colorbg03{
  /*background: -moz-linear-gradient(left, rgb(243, 245, 231), rgb(179, 230, 227));
  background: -webkit-linear-gradient(left, rgb(243, 245, 231), rgb(179, 230, 227));
  background: -o-linear-gradient(left, rgb(243, 245, 231), rgb(179, 230, 227));*/
  background-color: rgb(179, 230, 227);
  transition:all 2s;
}


.miolight{
  position: relative;
  background-color: #000;
}
.miolight .wrap{
  max-width: 1308px;
  margin: 0 auto;
  /*padding:4% 0;*/
}
.lightbk{
  width: 88%;
  position: relative;
}
.lightbk .lightvideo{
  width: 110%;
  position: relative;
  margin-left:-20%;
}
.lightbk .lightvideo video{
  width: 100%;
  height:100%;
  /*position: absolute;
  top:0;
  left:0;
  z-index: 2;*/
}
.lightbk .lightvideo .miofront.hide{
  display: none;
}
.lightbk .lightvideo .miofront{
  overflow: hidden;
}
.lightbk .lightvideo .miofront video{
  margin-top:-7%;
}
.lightbk .lightvideo .miodeng{
  position: absolute;
  top:0;
  left:0;
}
.lightbk .lightvideo .miofront{
  z-index: 2;
}
.lightbk .lightvideo .mioend{
  z-index: 1;
}
.lightbk .lightvideo .mioend video{
  margin-left:-20%;
}
.lightbk .lightvideo>img{
  width: 100%;
}
.lightbk .mlight{
  display: none;
  width: 100%;
}
.lightbk .mlight img{
  width: 100%;
}
.miolight .lightbtn{
  width: 80px;
  text-align: center;
  cursor:pointer;
  margin-top:20px;
}
.miolight .lightbtn em{
  display: inline-block;
  width: 79px;
  height: 79px;
  border:1px #0271cf solid;
  border-radius: 50%;
  position: relative;
}
.miolight .lightbtn em b{
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top:50%;
  left:50%;
  margin-top:-25px;
  margin-left:-25px;
}
.miolight .lightbtn .frontbtn{
  display: none;
}
.miolight .lightbtn .frontbtn em b{
  background: url(../img/imiofrontlight.png) no-repeat center;
  background-size: 50px 50px;
}
.miolight .lightbtn .endbtn em b{
  background: url(../img/imioendlight.png) no-repeat center;
  background-size: 50px 50px;
}
.miolight .lightbtn p{
  font-size: 14px;
  color: #0271cf;
}

.miolight .tx{
  margin-top: 8%;
  position: absolute;
  left: 60%;
  z-index: 2;
}
.miolight .tx h2{
  font-size:40px;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 10px;
}
.miolight .tx .txp{
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
  height:50px;
  overflow: hidden;
}
.miolight .tx .txul ul li{
  float: left;
  padding-right:60px;
  margin-right:60px;
  border-right:1px #1f2225 solid;
  text-align: center;
}
.miolight .tx .txul ul li:last-child{
  border-right:none;
  padding-right:0;
  margin-right:0;
}
.miolight .tx .txul ul li .precent{
  font-size: 80px;
  color: #008ae3;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  line-height: 1;
}
.miolight .tx .txul ul li .precent i{
  font-style: normal;
}
.miolight .tx .txul ul li p{
  font-size: 16px;
  color: #666;
}
.turnlight{
  background-color: #f1f3f2;
}
.turnlight .wrap{
  max-width: 1308px;
  margin: 0 auto;
  padding:5% 0;
}
.turnlight .tx{
  padding-top:9%;
}
.turnlight .tx h2{
  width: 100%;
  margin-bottom:30px;
}
.turnlight .tx h2 img{
  max-width: 100%;
}
.turnlight .tx h3{
  font-size: 48px;
  color: #333;
  line-height:1.4;
}
.turnlight .tx .txp{
  font-size: 16px;
  color: #666;
  height: 64px;
  overflow: hidden;
}
.turndot span{
  display: inline-block;
  *zoom:1;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right:15px;
}
.turndot span.blue{
  border:2px #1882da solid;
}
.turndot span.gray{
  border:2px #999 solid;
}
.turnlight .turnpic{
  width: 52%;
}
.turnlight .turnpic img{
  width: 100%;
}
.miov .mmio{
  display: none;
}
.miov ul{
  overflow: hidden;
}
.miov ul li{
  width: 33.33%;
  float: left;
  position: relative;
}
.miov ul li>img{
  width: 100%;
}
.miov ul li b{
  display: block;
  width: 100%;
  height: 100%;
  background:url(../img/miomask.png) repeat;
  position: absolute;
  top:0;
  left:0;
  z-index: 3;
  opacity: 1;
  filter: alpha(opacity=100);
  transition:all 0.5s ease 0s;
}
.miov ul li .desc{
  text-align: center;
  width: 100%;
  height:115px;
  position: absolute;
  margin-top:-57px;
  top:50%;
  z-index: 4;
  opacity: 1;
  filter: alpha(opacity=100);
  transition:all 0.5s ease 0s;
}
.miov ul li .desc em{
  display: inline-block;
  *zoom:1;
  width: 79px;
  height: 79px;
}
.miov ul li .desc p{
  font-size: 18px;
  color: #1f84ec;
}
.miov ul li.miov01 .desc em{
  background:url(../img/miov01.png) no-repeat center;
  background-size:79px 79px;
}
.miov ul li.miov02 .desc em{
  background:url(../img/miov02.png) no-repeat center;
  background-size:79px 79px;
}
.miov ul li.miov03 .desc em{
  background:url(../img/miov03.png) no-repeat center;
  background-size:79px 79px;
}
.miov ul li video{
  width: 100%;
  height:100%;
  /*position: absolute;
  top:0;
  left:0;
  z-index: -1;*/
}
.miov ul li:hover video{
  z-index: 2;
}
.miov ul li:hover b{
  opacity: 0;
  filter: alpha(opacity=0);
}
.miov ul li:hover .desc{
  opacity: 0;
  filter: alpha(opacity=0);
}
.cycj{
  background-color: #f4f4f4;
  overflow: hidden;
}
.cycj .wrap{
  max-width: 1308px;
  margin: 0 auto;
  padding:5% 0 3%;
}
.cycj .cycjpic{
  width: 78%;
  margin-right:-14%;
}
.cycj .cycjpic img{
  width: 100%;
}
.cycj .tx{
  width: 30%;
  margin-top:5%;
}
.cycj .tx h2{
  font-size: 48px;
  color: #333;
  line-height: 1.4;
}
.cycj .tx .txp{
  font-size: 16px;
  color: #666;
  height:64px;
  overflow: hidden;
}
.cycj .tx .cycjnum{
  width: 140px;
  margin-top:30px;
  text-align: center;
}
.cycj .tx .cycjnum span{
  font-size: 80px;
  color: #1f84ec;
  line-height: 1;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
}
.cycj .tx .cycjnum span i{
  font-style: normal;
}
.cycj .tx .cycjnum p{
  font-size: 14px;
  color: #666;
}
.gxdj{
  background:url(../img/xxfmio2.jpg) no-repeat center;
  background-size:cover;
  overflow: hidden;
}
.gxdj>img{
  display: none;
  width: 150%;
  margin-left: -50%;
}
.gxdj .wrap{
  max-width: 1308px;
  margin: 0 auto;
  padding:10% 0 12%;
}

.gxdj .tx h2{
  font-size: 40px;
  color: #fff;
  line-height: 1;
  margin-bottom:14px;
}
.gxdj .tx .txp{
  font-size: 16px;
  color: #fff;
}
.gxdjul{
  margin-top:40px;
}
.gxdjul ul li{
  float: left;
  padding-right:60px;
  margin-right:60px;
  border-right:1px #393939 solid;
}
.gxdjul ul li:last-child{
  padding-right:0;
  margin-right:0;
  border-right:0;
}
.gxdjul ul li span{
  font-size:80px;
  color: #1f84ec;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  line-height: 1;
}
.gxdjul ul li span em{
  font-style: normal;
}
.gxdjul ul li span i{
  font-size: 24px;
  font-family: "Century Gothic";
  font-weight: bolder;
  font-style: normal;
}
.gxdjul ul li p{
  font-size: 14px;
  color: #666;
}
.yts{
  background-color: #f4f4f4;
}
.yts .wrap{
  max-width: 1308px;
  margin: 0 auto;
  padding:8% 0 8%;
}
.yts .tx h2{
  font-size: 48px;
  color: #333;
  line-height: 1;
  margin-bottom:20px;
}
.yts .txp{
  font-size: 16px;
  color: #666;
  height:96px;
  overflow: hidden;
}
.ytsul{
  margin-top:40px;
}
.ytsul ul li{
  float: left;
  margin-right:50px;
}
.ytsul ul li em{
  display: block;
  width: 79px;
  height: 79px;
  background: url(../img/btnk.png) no-repeat center;
  background-size:100% 100%;
  position: relative;
}
.ytsul ul li em b{
  display: block;
  width: 50px;
  height: 50px;
  margin-top:-25px;
  margin-left:-25px;
  position: absolute;
  top:50%;
  left:50%;
}
.ytsul ul li.yts01 em b{
  background:url(../img/yts01.png) no-repeat center;
  background-size:100% 100%;
}
.ytsul ul li.yts02 em b{
  background:url(../img/yts02.png) no-repeat center;
  background-size:100% 100%;
}
.yts .tx{
  width: 38%;
}
.ytspic{
  width: 61.5%;
  margin-right:-4.5%;
}
.ytspic img{
  width: 100%;
}
.xxlg .wrap{
  max-width: 1308px;
  margin: 0 auto;
  padding:5% 0 2%;
}
.xxlg .xxlgpic{
  width: 77.3%;
  margin-left:-20%;
  margin-right:-20%;
}
.xxlg .xxlgpic img{
  width: 100%;
}
.xxlg .tx{
  padding-top:7%;
  padding-right:12%;
}
.xxlg .tx h2{
  font-size: 48px;
  color: #333;
  line-height: 1;
  margin-bottom:14px;
}
.xxlg .tx .txp{
  font-size: 16px;
  color: #666;
  height: 64px;
  overflow: hidden;
}
.xxlgul ul li{
  float: left;
  padding-right:40px;
  margin-right:40px;
  border-right:1px #e5e5e5 solid;
}
.xxlgul ul li:last-child{
  border-right:none;
  margin-right:0;
  padding-right:0;
}
.xxlgul ul li span{
  font-size: 80px;
  color: #1f84ec;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  line-height: 1;
}
.xxlgul ul li span i{
  font-style:normal; 
}
.xxlgul ul li span em{
  font-size: 36px;
  font-style: normal;
}
.byme .wrap{
  max-width: 1308px;
  margin: 0 auto;
  padding:12% 0 12%;
}
.byme .tx h2{
  font-size: 48px;
  color: #fff;
  line-height: 1;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  text-transform: uppercase;
  margin-bottom:14px;
}
.byme .tx h3{
  font-size: 48px;
  color: #fff;
  line-height: 1;
}
.mioparamimg{
  padding:60px 0 30px;
}
.mioparam .params .seeparam{
  color: #1f84ec;
}
.mioparam .params ul li p span{
  color: #1f84ec;
}
.mioparam .params ul li p span i{
  color: #1f84ec;
}
.mioparam .wanted a{
  background-color: #1f84ec;
}
.xxfmio1 .wrap{
  padding: 11% 0;
}
.xxfmio1 .wrap .tx .itx{
  margin-top: 0;
}
.xxfmio1 .wrap .tx .txp{
  width: 420px;
}
.xxfmio1 .wrap .tx .itx ul li em{
  border: 1px solid #0272cf;
}
.xxfmio1 .wrap .tx .itx ul li p{
  color: #0272cf;
}

.xxfmio1 .wrap .tx .itx ul li em.itx03 b{
    background: url(../img/xxfitx03.png) no-repeat center;
    background-size: 100% 100%;
}
.xxfmio1 .wrap .tx .itx ul li em.itx04 b{
    background: url(../img/xxfitx04.png) no-repeat center;
    background-size: 100% 100%;
}
.xxfmio1 .wrap .tx .itx ul li:hover em{
     background-color: #0272cf;
   transition:all 0.5s ease 0s;
}
.xxfmio1 .wrap .tx .itx ul li:hover em.itx03 b {
    background: url(../img/xxfitx06.png) no-repeat center;
    background-size: 100% 100%;
}
.xxfmio1 .wrap .tx .itx ul li:hover em.itx04 b{
    background: url(../img/xxfitx05.png) no-repeat center;
    background-size: 100% 100%;
}

.xxflightq .hd ul li em{
  border: 1px solid #0272cf;
}
.xxflightq .hd ul li:hover em{
  background-color:#0272cf;
}
.xxflightq .hd ul li.font em b{
  background: url(../img/front1.png) no-repeat center;
  background-size: 100% 100%;
  transition:all 0.5s ease 0s;
}
.xxflightq .hd ul li.end em b{
  background: url(../img/end1.png) no-repeat center;
  background-size: 100% 100%;
  transition:all 0.5s ease 0s;
}
.xxflightq .hd ul li p {
  font-size: 14px;
  color: #0272cf;
}


/*===============mio专题页================*/

@media screen and (min-width: 1920px){
  .miobdtx{
    left:16%;
  }
}
@media screen and (max-width: 1400px){
  .miobdtx{
    top:25%;
  }
  .miobdtx h3{
    font-size:36px;
  }
  .miointro .wrap{
    max-width: 100%;
  }
  .miointro .tx{
    padding-left:5%;
    width: 37%;
  }
  .eva .tx{
    padding-right:5%;
  }
  .ministyle .wrap{
    max-width: 100%;
  }
  .ministyle .tx{
    padding-left:5%;
  }
  .colorful .wrap{
    max-width: 100%;
  }
  .colorful .tx{
    padding-left:5%;
  }
  .miolight .wrap{
    max-width: 100%;
  }
  .lightbk{
    padding-left:5%;
  }
  .miolight .tx{
    /*width: 38%;
    padding-right:5%;*/
    margin-top:14%;
  }
  .turnlight .wrap{
    max-width: 100%;
  }
  .turnlight .tx{
    padding-left:5%;
  }
  .cycj .wrap{
    max-width: 100%;
  }
  .cycj .tx{
    padding-left:5%;
  }
  .gxdj .tx{
    padding-left: 5%;
  }
  .yts .wrap{
    max-width: 100%;
  }
  .yts .tx{
    padding-left:5%;
  }
  .xxlg .wrap{
    max-width: 100%;
  }
  .xxlg .xxlgpic{
    padding-left:5%;
  }
  .byme .tx{
    padding-left:5%;
  }
}
@media screen and (max-width: 1280px){
  .miobdtx{
    top:20%;
  }
  .miointro .tx{
    padding-left:0;
  }
  
}
@media screen and (max-width: 1144px){
  .miobd {
    height: 360px;
  }
  .miobdtx{
    padding-right:5%;
  }
  .miointro .tx h2{
    font-size: 36px;
  }
  .miointro .tx h3{
    font-size: 14px;
  }
  .miointro .tx .btns{
    margin-top: 5%;
  }
  .mini .tit h3{
    margin-top:72px;
  }
  .eva .tx h3{
    font-size: 36px;
  }
  .mini .tit h2{
    font-size: 36px;
  }
  .ministyle .tx h2{
    font-size: 36px;
  }
  .mioall .alldegtit h2{
    font-size: 36px;
  }
  .colorful .tx h3{
    font-size: 28px;
  }
  .miolight .tx h2{
    font-size: 36px;
  }
  .miolight .tx .txul ul li .precent{
    font-size: 48px;
  }
  .miolight .tx .txul ul li{
    padding-right:40px;
    margin-right:40px;
  }
  .turnlight .tx{
    padding-top:5%;
  }
  .turnlight .tx h2{
    margin-bottom:6%;
  }
  .turnlight .tx h3{
    font-size: 36px;
  }
  .cycj .tx h2{
    font-size: 36px;
  }
  
  .gxdj .tx h2{
    font-size: 36px;
  }
  .yts .tx h2{
    font-size:36px;
  }
  .yts .txp{
    font-size: 14px;
  }
  .ytsul{
    margin-top:0;
  }
  .yts .tx h2{
    margin-bottom:10px;
  }
  .ytsul ul li em{
    width: 60px;
    height: 60px;
  }
  .ytsul ul li{
    margin-right: 30px;
  }
  .xxlg .tx h2{
    font-size: 36px;
  }
  .byme .tx h3{
    font-size: 36px;
  }
  .colorful .tx{
    padding-bottom:4%;
  }
  
}
@media screen and (max-width: 980px){
  .miobdtx h2{
    font-size: 42px;
  }
  .miobdtx h3{
    font-size: 24px;
  }
  
  .miobtn em{
    width: 60px;
    height: 60px;
  }
  .miointro .tx{
    width: 36%;
    margin-top: 4%;
  }
  .miointro .tx .btns{
    margin-top:0;
  }
  .colorful .tx{
    width: 40%;
  }
  .colorful .tx h2{
    width: 80%;
  }
  .colorful .tx h2 img{
    margin-bottom:5%;
  }
  .miolight .tx{
    margin-top:8%;
  }
  .miolight .tx .txp{
    font-size: 14px;
  }
  .miolight .tx .txul ul li p{
    font-size: 12px;
  }
  .turnlight .tx{
    width: 40%;
  }
  .turnlight .tx h2{
    width: 60%;
  }
  .cycj .tx{
    margin-top:0;
  }
  .cycj .tx .cycjnum{
    width: 100px;
  }
  .cycj .tx .cycjnum span{
    font-size:60px;
  }
  .cycj .tx .txp{
    font-size: 14px;
  }
  .gxdjul ul li span{
    font-size: 60px;
  }
  .xxlg .tx{
    padding-right:5%;
  }
  .xxlgul ul li span{
    font-size: 60px;
  }
  .xxlg .tx{
    padding-top:5%;
  }
  .mioall .alldegtit .desc ul li em{
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 766px){
  .nybuybtn {
      display: none !important;
      padding: 15px;
  }
  .miobd {
    height: 160px;
  }
  .miobd h3{
    display: block;
  }
  .nybuybtn {
      display: none !important;
      width: 140px;
      padding: 10px;
  }
  .miointro .tx{
    width: 100%;
    margin-top: 4%;
  }
  .miocar{
    margin-right:0;
    width: 100%;
    margin-top:5%;
  }
  .eva .tx{
    padding-left:5%;
    width: 90%;
  }
  .mini .tit{
    position: static;
    padding:5%;
  }
  .mini .tit h2{
    font-size: 24px;
  }
  .mini .tit h3{
    font-size: 12px;
  }
  .ministyle .wrap{
    padding:5% 0;
  }
  .ministyle{
    background:none !important;
  }
  .ministyle>img{
    display: block;
    max-width: 150%;
    margin-left: -25%;
  }
  .ministyle .tx h2{
    font-size: 24px;
  }
  .mioall .alldegtit h2{
    font-size: 24px;
  }
  .mioall .alldegtit .subh{
    font-size: 14px;
  }
  .mioall{
    padding-top:5%;
    padding-bottom:5%;
  }
  .colorful .tx .drag{
    display: none;
  }
  .colorful .tx h2{
    margin-bottom:5%;
  }
  .colorful .tx h3{
    font-size: 18px;
    margin-bottom:5%;
  }
  .colorful .tx .txp{
    font-size: 12px;
  }
  .colorful .colorfulpic{
    top:0;
  }
  .lightbk{
    width: 90%;
    padding-right:5%;
  }
  .lightbk .lightvideo{
    display: none;
  }
  .lightbk{
    padding:0;
    width: 100%;
  }
  .lightbk .mlight{
    display: block;
  }
  .miolight .wrap{
    padding-bottom:5%;
  }
  .miolight .tx{
    width: 95%;
    margin-top:5%;
    position: static;
  }
  .lightbk .lightvideo .mioend video{
    margin-left:0;
  }
  .miolight .lightbtn em{
    width: 60px;
    height: 60px;
  }
  .miolight .tx h2{
    font-size: 24px;
  }
  .miolight .tx .txul ul li{
    padding-right: 20px;
    margin-right:20px;
  }
  .lightbk .lightvideo{
    margin-left:-5%;
  }
  .turnlight .tx{
    width: 90%;
    padding-right:5%;
  }
  .turnlight .turnpic{
    width: 90%;
    padding-left:5%;
  }
  .turnlight .tx h3 {
      font-size: 24px;
  }
  .miov ul li{
    width: 100%;
  }
  .cycj .tx{
    width: 90%;
    padding-right:5%;
  }
  .cycj .cycjpic{
    width: 72%;
    margin-right:-5%;
    margin-top:-30%;
  }
  .cycj .tx h2{
    font-size: 24px;
  }
  .gxdj{
    background:none;
  }
  .gxdj>img{
    display: block;
  }
  .gxdj .tx{
    width: 90%;
  }
  .gxdj .tx h2{
    color: #333;
    font-size: 24px;
  }
  .gxdj .tx .txp{
    color: #333;
  }
  .gxdjul{
    margin-top:20px;
  }
  .gxdjul ul li{
    border-color:#e5e5e5;
  }
  .yts .tx h2{
    font-size: 24px;
  }
  .yts .tx{
    width: 90%;
  }
  .yts .ytspic{
    width: 100%;
    margin-right: 0;
    margin-bottom:5%;
  }
 /* .gxdj .tx{
    padding-left:5%;
  }*/
  .gxdjul ul li{
    padding-right:30px;
    margin-right:30px;
  }
  .xxlg .xxlgpic{
    width: 90%;
    padding-right:5%;
    margin-left:0;
    margin-right:0;
  }
  .xxlg .tx{
    width: 90%;
    padding-left:5%;
  }
  .xxlg .tx h2{
    font-size: 24px;
    margin-bottom:5px;
  }
  .xxlg .tx .txp{
    font-size: 14px;
    height:auto;
    margin-bottom:10px;
  }
  .xxlgul ul li{
    width: 48%;
    padding-right: 0;
    margin-right: 2%;
    box-sizing: border-box;
  }
  .xxlgul ul li:last-child{
    border-bottom:0;
  }
  .xxlgul ul li span{
    font-size: 48px;
  }
  .xxlgul ul li p{
    font-size: 14px;
  }
  .eva{
    background-image:none !important;
    background-color: #060a20 !important;
  }
  .eva>img{
    display: block;
  }
  .miov .pcmio{
    display: none;
  }
  .miov .mmio{
    display: block;
  }
  .miotouch{
    display: none;
  }
  .xxfmio1>img{
    left: -10%;
  }
  .carwinmio .wrap .tx h2,
  .carwinmio .wrap .tx .txp{
    color: #fff;
  }
  .carwinmio .wrap{
    background: #000;
   }
   .xxlg .wrap{
    padding: 10% 0;
   }
   .xxflightq{
    margin-top: -20%;
   }
}