.wrap { background:#fff;}	
.wrap img { width:100%;}
.pr { position:relative;}
.pa { position:absolute;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}


/*yz*/


.tit{ display: block; text-align: center; font-weight: normal; }
.tit span{display: block;font-size:1.8rem ; line-height: 1.8rem; color: #333333;position: relative;font-weight: bold;}
.tit span:after{ position: absolute; width:1.3rem; height: 0.1rem; background:#cccccc;content:"";left: 50%; top:2.4rem ; margin-left: -0.65rem;}
.tit i{display: block;font-size:1rem ; line-height: 1rem; color: #cccccc;margin-top: 1rem;}




.pro{ padding-top: 3rem;background: #f4f4f4;}

.pro ul{ margin-top: 3rem;}
.pro ul li{ width: 100%;height: 21.5rem;background: #fff;border-bottom: 1rem solid #f4f4f4;position: relative;}
.pro ul li img{ display: block;width:59.5% ;margin: 0 auto;}
.pro ul li h3{display: block;position: absolute;left: 1.5rem;top: 1.5rem;font-size:1.5rem ;line-height: 1.5rem;color: #333333;font-weight: bold;background:url(../images/san1.png) no-repeat right;padding-right: 1rem;background-size: 0.5rem 0.8rem;}
.pro ul li div{width: 100%;border-top: 1px solid #e5e5e5; padding-top: 0.4rem;}
.pro ul li div h4{padding-left: 6.7%;    float: left;    display: block;    font-size: 1.1rem;    line-height: 3rem;    width: 43%;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.pro ul li div h4>a{color: #666;}
.pro_con h3{font-size:1.2rem ;line-height: 1.2rem;color: #333333;font-weight: bold;padding-left: 0.5rem; padding-top: 1rem;}
.pro_s{ margin: 0 14%;height: 11.2rem;background: #f4f4f4;padding-top: 1rem;}
.pro_s h4{float: left;display: block;font-size:1.1rem ;line-height: 3rem;width: 47%;background:url(../images/san2.png) no-repeat left;padding-left: 3%;background-size: 0.3rem 0.5rem;}
.pro_s h4>a{color: #666;}


.ys{padding-top: 3rem;background: #f4f4f4;margin-top: 4rem;}
.ys .ys_con{margin: 2.8rem 1.56% 0;}
.ys .ys_con dl{position: relative; }
.ys .ys_con dt img{ width: 100%;}
.ys .ys_con dd{padding:0 5%; height:17.5rem;position: relative;}
.ys .ys_con dd h3{padding-top:2rem;font-size: 1.5rem;line-height: 1.5rem;color: #333333;text-align: center;font-family: 思源黑体 CN;background:url(../images/ys_ic.png) no-repeat 5rem 2rem;background-size: 1.5rem 1.5rem;padding-bottom: 2rem;position: relative;}
.ys .ys_con dd h3.ddh2{background:url(../images/ys_ic02.png) no-repeat 5rem 2rem;background-size: 1.5rem 1.5rem;}
.ys .ys_con dd h3.ddh3{background:url(../images/ys_ic03.png) no-repeat 5rem 2rem;background-size: 1.5rem 1.5rem;}
.ys .ys_con dd h3.ddh4{background:url(../images/ys_ic04.png) no-repeat 5rem 2rem;background-size: 1.5rem 1.5rem;}
.ys .ys_con dd h3:after{ position: absolute; width:2rem; height: 0.2rem; background:#333333;content:"";left: 50%; top:4.2rem ; margin-left: -1rem;z-index: 100;}
.ys .ys_con dd em img{ display: block;width: 39%;margin: 0 auto;position: absolute;top: 4.5rem;left:32.2% ;}
.ys .ys_con dd p{font-size: 0.8rem;color: #333333;display: block;line-height: 1.8rem;z-index: 100;}
.ys .ys_con .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.8rem; height: 0.8rem;margin: 0 0.7rem;border: 1px solid #333333; background: #333333;}
.ys .ys_con .swiper-pagination .swiper-pagination-bullet-active{border: 1px solid #024287; background: #024287;width: 2rem;border-radius: 0.4rem;}
.ys .ys_con .swiper-pagination{bottom: 2rem;}


.yd{margin-top: 4rem;  }
.yd p img{width: 100%;}


.case{ padding-top:3rem ;}
.case_con{ margin: 2rem 1.5% 0; }
.case_con dl{ height: 10.7rem;background: #f5f5f5; margin-bottom: 2rem;}
.case_con dl:nth-child(2n+1){ border-top-left-radius:5.35rem ;border-bottom-left-radius:5.35rem ;}
.case_con dl:nth-child(2n){border-top-right-radius:5.35rem ;border-bottom-right-radius:5.35rem ;}
.case_con dt{ display:block;width:34.5%; float: left; }
.case_con dt img{ display:block;width:100%; border-radius: 50%;border: 0.4rem solid #e7e7e7; box-sizing: border-box;}
.case_con dd{ padding: 0 1.2rem;float: left; width: 57%;}
.case_con dd h3{ display: block; font-size:1.2rem ;line-height: 1.2rem;color: #333333;padding-top:2rem;padding-bottom: 0.7rem;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.case_con dd h3 a{color: #333;}
.case_con dd h4{ display: block; font-size:1rem ;line-height: 1rem;color: #666666;padding-bottom: 1rem;}
.case_con dd p{ display: block; font-size:1rem ;line-height: 1.2rem;color: #666666;padding-top: 0.8rem;border-top: 1px solid #cccccc;box-sizing: border-box;}
.case_con dl:nth-child(2) dt{float: right;  }


.coop{ padding-top: 2rem; }
.coop ul{ margin-top: 1.8rem;}
.coop ul li{float: left;    width: 29.3%;  border: 1px solid #efefef;box-sizing: border-box; padding:0.5rem 1%; margin: 0.5rem 2%;}
.coop ul li img{display: block;width: 100%;}

.abt{ padding-top:4rem ;}
.abt dl{ margin: 3rem 1.5% 0;}
.abt dt img{display: block;width: 100%;}
.abt dd p{ font-size:0.9rem ;color: #666666;line-height:1.5rem ;padding:2rem 1.6rem 0;}
.abt_con{margin: 1.8rem 1.5% 0;}
.abt_con h3{display: block;font-size:1.8rem ; line-height: 1.8rem; color: #333333;text-align: center;font-weight: bold;}
.abt_con ul{ margin-top: 2rem;margin-bottom: 2rem; }
.abt_con ul li{ float: left;width: 31.7%;margin-right: 2.45%;margin-bottom: 2.45%; }
.abt_con ul li img{display: block;width: 100%;}
.abt_con ul li:nth-child(3n){ margin-right: 0; }





 html{ background:#fff;}/*图片加载未完成前，默认背景色*/
  .wrap{ opacity:0; /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/}
  .loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;}
  .loading img{ display:none;}
  .loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #fff; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}
  /*首次加载页面切入效果*/
  .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;
  }