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:4.6rem;}
.product .pro-nav ul li{float:left;width:25%;height:4.3rem; line-height: 4.3rem;text-align: center; position: relative;font-size: 1.0rem;color:#4c4c4c;}
.product .pro-nav ul li:before{width:.05rem; height:1.4rem;background:#d1d1d1;content:""; position: absolute;right:0;top:1.45rem;}
.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:#002d61;}
.product .pro-nav ul .vv01 em{background:url(resource/images/082df4a28c714650b1e978e9a2e25cdc_2.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:43rem; margin-bottom: .5rem;background:url(../images/pro-picbj.jpg) no-repeat center;background-size:100% 43rem; box-sizing: border-box;}
.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:0 0 0 .95rem;}
.product .pro-list dl dd h4{float:left;width:6.7rem; height:3.55rem; position: relative;float:left; margin-right: 1.55rem;}
.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 h4:before{width:2.5rem;height:.1rem; background:#002d61;content:""; position: absolute;left:0;bottom:0;}
.product .pro-list dl dd .pro-txt{width:24.15rem;float:left;}
.product .pro-list dl dd .pro-txt p{line-height: 2.1rem; margin-bottom: 1.05rem;font-size: 1.2rem;color:#666666;}
.product .pro-list dl dd .pro-txt strong{display: block;padding-left:4.75rem;}
.product .pro-list dl dd .pro-txt strong a{display: inline-block; line-height: 2.1rem;font-size: 1.2rem;color:#002d61;font-weight: bold;padding-right:1.8rem;background:url(../images/pro-jt.png) no-repeat right;background-size:1.3rem .35rem;}
.product .pro-list ul li{float:left;width:32.4%;height:16rem;padding-top:1.45rem; box-sizing: border-box;margin-left: .5rem;}
.product .pro-list ul li:first-child{margin-left: 0;background:url(../images/pro-pcbj1.jpg) no-repeat center;background-size:100% 100%;}
.product .pro-list ul li:nth-child(2){background:url(../images/pro-pcbj2.jpg) no-repeat center;background-size:100% 100%;}
.product .pro-list ul li:nth-child(3){background:url(../images/pro-pcbj3.jpg) no-repeat center;background-size:100% 100%;}
.product .pro-list ul li h4{padding:0 1.5rem; line-height: 2rem;font-size: 1.4rem;color:#333333; font-weight: normal;}
.product .pro-list ul li span{display: block;width:100%;line-height: 0; overflow: hidden;}
.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;
      font-weight: bold;
      color: #e74c3c;
    }
  


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