html{ background:#f7f7f7;}/*图片加载未完成前，默认背景色*/
.wrap{ opacity:0; }/*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:750px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color: #fff; background: #23b5dc; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem;}
/*首次加载页面切入效果*/
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
/*渐显动画*/
@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}


			/*头部*/
          .g-hd{height:4.2rem;position: relative;}
          .g-hd img{display: block;width: 100%;}
          .g-hd h1{float: left;width: 18.5%;margin:1.6rem 0 0 4.6%;}
          .g-hd h1 img{ display:block;}
   
          .g-hd ul{float: right;margin-top:2.2rem;}
          .g-hd ul li{float: left;font-size: 1.3rem;line-height:1.0rem;}
          .g-hd ul li:first-child{ border: 0;}
          .g-hd ul li a{color: #666666; font-size: 1.3rem;padding:0 1.5rem;background:url(images/line1.jpg) no-repeat left;}  
          .g-hd ul li.first a{ background: 0;}    
          .g-hd .m-nav2{float: right;width:4.3%;margin:2.4rem 4.6% 0 0;}
          .g-hd #menu{display:none;position: absolute;left: 0;top: 5.1rem;width: 100%;height:35rem;background:url(images/menu_bg.jpg) no-repeat center; background-size: 100% 35rem;z-index: 200;}
          .g-hd #menu ul{margin-left: 17%;float:none;}
          .g-hd #menu ul a{display: block;height: 2.5rem;line-height: 2.5rem;font-size: 1rem;color: #333;text-align: left;background:none;width:100%;}
          .g-hd #menu ul a:last-child{border: 0;}
          .g-hd #menu ul a:first-child{margin-top: 0.3rem;}	
          a.bb1 {
            float: left;
  font-size: 0.9rem;
  line-height: 1.5rem;
    margin-left: 1rem;
    color: #666666;
}
.g-hd #menu ul li {
    float: none;
}

.g-hd #menu ul li ul {
    margin-top: 0;
    margin-left: 4%;
}
		

.yzcon{height: auto;}
.yzcon p{font-size: 0.55rem;
    color: #BCBCBC;
    text-align: center;
    line-height: 1rem;
    padding-top: 1rem;
    height: 6rem;}
.yzcon .yzcon02{height: 11rem;
    background: #F7FCFF;
    padding-top: 3.5rem;}
    .yzcon h3{ background:url(resource/images/d6aeeec34e2b49f19d27cd51a8967846_2.png) no-repeat center; height: 3rem;
    text-align: center;
    line-height: 3rem;
    font-size: 1.3rem;
    color: #fff;
    background-size: 63%;
    z-index: 99;
    position: absolute;
    width: 100%;
    margin-top: -1.7rem;}
    .yzcon dl{float: left;;
    width: 25%;}
    .yzcon dl dt{}
    .yzcon dl dt img{display: block;
    width: auto;
    margin: 0 auto; height:2.5rem;}
    .yzcon dl dt img{}
    .yzcon dl dd{ text-align:center;    font-size: 1.5rem;padding-top: 0.6rem;}
    .yzcon dl dd em{    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 0.8rem;padding-top: 0.6rem;}


    /**/
.product{padding:4.55rem 0 2.25rem;}
.product h2{text-align: center; margin-bottom: .55rem;}
.product h2 span{display: block; line-height: 3.4rem;font-size: 2.6rem;color:#333333; font-weight: normal;}
.product h2 em{display: block; line-height: 1.8rem;font-size: 1rem;color:#b2b2b2; font-family: "OPPOSans";font-weight: bold;}
.product .pro-nav{height:2.7rem; background:#3CC6FF; border-radius:0.8rem 0.8rem 0 0;}
.product .pro-nav ul{ background:#F7F7F7; height:2.5rem;}
.product .pro-nav ul li{float:left;width:25%;height:2.5rem; line-height: 2.5rem;text-align: center; position: relative;font-size: 1.0rem;color:#4c4c4c; background:#F7F7F7;}
.product .pro-nav ul li:before{width:.05rem; height:1.0rem;background:#d1d1d1;content:""; position: absolute;right:0;top:0.75rem;}
.product .pro-nav ul li:last-child:before{display: none;}
.product .pro-nav ul li em{    width: 1.2rem;
    height: 2rem;
    position: absolute;
    margin-left: -5.5rem;
    display: inline-block;
    }
.product .pro-nav ul li.cur{font-weight: bold;color:#ffffff;}
.product .pro-nav ul .vv01 em{background:url(resource/images/51c01732795143558b78528c980b1b74_20.png) no-repeat;background-size: 90%;background-position-y: 0.4rem;}
.product .pro-nav ul .vv02 em{background:url(resource/images/082df4a28c714650b1e978e9a2e25cdc_4.png) no-repeat;background-size: 90%;background-position-y: 0.4rem;}
.product .pro-nav ul .vv03 em{background:url(resource/images/082df4a28c714650b1e978e9a2e25cdc_6.png) no-repeat;background-size: 90%;background-position-y: 0.4rem;}
.product .pro-nav ul .vv04 em{background:url(resource/images/082df4a28c714650b1e978e9a2e25cdc_8.png) no-repeat;background-size: 90%;background-position-y: 0.4rem;}
.product .pro-nav ul .vv05 em{background:url(resource/images/082df4a28c714650b1e978e9a2e25cdc_10.png) no-repeat;background-size: 90%;background-position-y: 0.4rem;}
.product .pro-nav ul .vv06 em{background:url(resource/images/082df4a28c714650b1e978e9a2e25cdc_12.png) no-repeat;background-size: 90%;background-position-y: 0.4rem;}
.product .pro-nav ul .vv07 em{background:url(resource/images/082df4a28c714650b1e978e9a2e25cdc_14.png) no-repeat;background-size: 90%;background-position-y: 0.4rem;}
.product .pro-nav ul .vv08 em{background:url(resource/images/082df4a28c714650b1e978e9a2e25cdc_16.png) no-repeat;background-size: 90%;background-position-y: 0.4rem;}
.product .pro-list dl{width:100%; height:35rem; margin-bottom: .5rem;background:url(../images/pro-picbj.jpg) no-repeat center;background-size:100% 43rem; box-sizing: border-box;}

  .product .pro-nav ul .vv01:hover em,.product .pro-nav ul .vv01.cur em{background:url(resource/images/148c9f3b657542709e5d956cc6c92cbf_2.png) no-repeat;background-size: 90%;
    background-position-y: 0.4rem;}
.product .pro-nav ul .vv02:hover em,.product .pro-nav ul .vv02.cur em{background:url(resource/images/148c9f3b657542709e5d956cc6c92cbf_4.png) no-repeat;background-size: 90%;
    background-position-y: 0.4rem;}
.product .pro-nav ul .vv03:hover em,.product .pro-nav ul .vv03.cur em{background:url(resource/images/148c9f3b657542709e5d956cc6c92cbf_6.png) no-repeat;background-size: 90%;
    background-position-y: 0.4rem;}
.product .pro-nav ul .vv04:hover em,.product .pro-nav ul .vv04.cur em{background:url(resource/images/148c9f3b657542709e5d956cc6c92cbf_8.png) no-repeat;background-size: 90%;
    background-position-y: 0.4rem;}
.product .pro-nav ul .vv05:hover em,.product .pro-nav ul .vv05.cur em{background:url(resource/images/148c9f3b657542709e5d956cc6c92cbf_10.png) no-repeat;background-size: 90%;
    background-position-y: 0.4rem;}
.product .pro-nav ul .vv06:hover em,.product .pro-nav ul .vv06.cur em{background:url(resource/images/148c9f3b657542709e5d956cc6c92cbf_12.png) no-repeat;background-size: 90%;
    background-position-y: 0.4rem;}
.product .pro-nav ul .vv07:hover em,.product .pro-nav ul .vv07.cur em{background:url(resource/images/148c9f3b657542709e5d956cc6c92cbf_14.png) no-repeat;background-size: 90%;
    background-position-y: 0.4rem;}
.product .pro-nav ul .vv08:hover em,.product .pro-nav ul .vv08.cur em{background:url(resource/images/148c9f3b657542709e5d956cc6c92cbf_16.png) no-repeat;background-size: 90%;
    background-position-y: 0.4rem;}
    
.product .pro-list dl dt{width:100%; line-height: 0;overflow: hidden;}
.product .pro-list dl dt img{width:100%;}
.product .pro-list dl dd{padding-top: 2rem;height: 5rem;}
.product .pro-list dl dd h4{width:12.7rem; height:3.55rem; position: relative;float:left; font-size:1.22rem;    margin-left: 2rem;}
.product .pro-list dl dd h4 i{ color:#5CCCFF;display: block;}
.product .pro-list dl dd h4 a{display: block; line-height: 2.95rem;font-size: 2.1rem;color:#1a1a1a; font-weight: normal;}
.product .pro-list dl dd .pro-txt{width:14.15rem;float:right;}
.product .pro-list dl dd .pro-txt li{    font-size: 0.7rem;
    list-style: disc; line-height:1.2rem;}
    .product .pro-list dl dd .pro-txt li em{ color:#5CCCFF;}
.product .pro-list dl dd .pro-txt p{ 
    font-size: 0.75rem;
    float: left;  width: 25%;line-height:1.2rem;}
.product .pro-list dl dd .pro-txt p em{font-size: 1.2rem;}
.product .pro-list ul li span img{width:100%;}
.product .pro-list .pro-jt i{display: block;width:4rem;height:4rem;z-index:200;}
.product .pro-list .pro-jt i.pro-prev{background:url(../images/pro-prev.png) no-repeat center;background-size:100% 100%;position: absolute;left:4%; top:19.5rem;}
.product .pro-list .pro-jt i.pro-next{background:url(../images/pro-next.png) no-repeat center;background-size:100% 100%;position: absolute;right:4%; top:19.5rem;}
.product .pro-list .swiper-slide.probj3 ul li:nth-child(1){width:49.3%;background: url(../images/probj3_1.jpg) no-repeat center;background-size: 100% 100%;}
.product .pro-list .swiper-slide.probj3 ul li:nth-child(2){width:49.3%;background: url(../images/probj3_2.jpg) no-repeat center;background-size: 100% 100%;}


  .pro-nav .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      transition: all 0.3s;
    }
    .pro-nav .swiper-slide-active {
      color: #3498db;
    }
    .pro-nav .swiper-slide.cur {
      position: relative;
     background: #3CC6FF;
     border-radius:0.8rem 0.8rem 0 0;
    }
  


    .paj h2{text-align: center;
    padding-top: 3.2rem;
    font-size: 2rem;
    line-height: 1.2rem;}
    .paj h2 span{display: block;
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding-top: 0.8rem;}
    .paj .cptit .sup-nav01{width:100%;margin:0 auto; display:inline-block;}
.paj .cptit .sup-nav01 a{float:left;width:33%;height:5rem;position:relative}
.paj .cptit .sup-nav01 a:after{content:"";position:absolute;background:#13BFFF;width:0;height:.1rem;left:0;bottom:0;transition:all .3s linear 0s}
.paj .cptit .sup-nav01 a em{display:block;font-size:1.1rem;font-weight:400;line-height:5rem;color:#666;text-align:center}
.paj .cptit .sup-nav01 .cur em{color:#13BFFF;font-weight:700}
.paj .cptit .sup-nav01 .cur:after{width:100%}

.paj_con{ background:#F7F7F7;}
.paj_con dl dd{display: block;
    height: 15rem;
    padding: 1rem;}
.paj_con dl dd h3{ font-size: 1.2rem;
    padding-top: 2rem;
    height: 5rem;}
.paj_con dl dd p{    float: right;
    font-size: 0.6rem; width:34%; line-height:1rem;}
.paj_con dl dd span{float: left;width:66%; height:3rem;}
.paj_con dl dd span li{    width: 33%;
    float: left;font-size:0.65rem;}
    .paj_con dl dd span li i{display:block;    color: #13BFFF;
    font-size: 1.2rem;}
.paj_con dl dd a{ display: inline-block;
    float: right;
    color: #fff;
    width: 7rem;
    height: 2rem;
    background: #13BFFF;
    line-height: 2rem;
    text-align: center;
    border-radius: 1rem;    margin-top: 3rem;}


      .pro_con .pro_conss{height:25rem;}
      .pro_conss .swiper-pagination{}
  

    .cai{ height: 18rem;background:url(resource/images/da16b41db0e843f9add98e80d6d77a72_2.jpg) no-repeat center; background-size:100% 100%; padding:0 1.2rem 0 1.2rem;}
.cai h3{text-align: center;
    padding-top: 3rem;
    font-size: 2rem;
    line-height: 2rem;
    color: #ffffff;}
.cai h3 span{ display: block;
    font-size: 1.2rem;
    line-height: 1rem;
    color: #ffffff;
    padding-top: 1.2rem;
    padding-bottom: 1rem;
    font-weight: normal;}
.cai h3 span.first a{ background: 0;}
.cai h3 span:hover a,.cai h3 span.cur a{ color: #23B5DC; font-weight: bold;}

.abt_pic{ position:relative;padding-top:1rem;}
.abt_pic li{float: left; position:relative;}
.abt_pic li.first{ margin-left:0;}
.abt_pic li i{display:block;width: 100%;height: auto;overflow: hidden; background:#ffffff;}
.abt_pic li img{display:block;width: 100%;height: auto;transition: all 0.3s linear 0s;}
.abt_pic li:hover img{ transform: scale(1.05);}

.abt_pic ul li:hover em{ display: block; color: #23B5DC; font-weight: bold;}


                     .g-ft{ height: 13.5rem;}     
                .g-ft .top img{ display: block;width:100%; } 
                .g-ft .f1{font-size:1.2rem;color: #666666;padding-top:1rem;}
                .g-ft .f1 a{color: #666666; padding:0 1.3rem; border-left: 1px solid #959595;line-height: 1rem;height: 1.2rem;display: inline-block;}
                .g-ft .f1 a.first{ border:0;}
                .g-ft .f2{font-size:1.1rem;color: #666666;text-align: center;padding-top:0.8rem;line-height: 1rem;}
                .g-ft .f2 em{ font-size: 1.1rem;color: #666666;}
                .f_nav{height: 4rem;background-color: #414141;min-width: 320px;max-width: 640px;width: 100%;position: fixed;bottom: 0;z-index: 100;}
                .f_nav li{float: left;width: 25%;height: 4rem;text-align: center;border-left: 1px solid #4b4b4b;box-sizing:border-box;}
                .f_nav li.first{ border:0 ; background: #23b5dc;}
                .f_nav li img{display:block;width: auto;height: 1.5rem;margin: 0.6rem auto 0;}
                .f_nav li span{display: block;color: #ffffff;font-size: 1.1rem;line-height:2rem;}