body{background: #f9f9f9;}
.wrap img{display: block;width: 100%;}
.tit01{text-align: center; }
.tit01 h2{font-size: 2.4rem; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;line-height: 4rem;position: relative; }
.tit01 a{color: #333333; }
.tit01 h2:before{content:'';position:absolute;height:1px;width:10rem;background:#b2b2b2;bottom:0;left:50%;margin-left:-5rem;}
.tit01 b{font-weight: bold;color: #e62129;}
/**/
.m-banner {width: 100%;  position:relative;}
.m-banner img{ width:100%; display: block;}
.m-banner .swiper-pagination{bottom: 3rem !important; z-index: 1}
.m-banner .swiper-pagination .swiper-pagination-bullet{width: 0.9rem; height: 0.9rem; margin:0.9rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;}
.m-banner .swiper-pagination .swiper-pagination-bullet-active{ background-color: #e62129;border:0.1rem solid #e62129;width: 0.7rem; height: 0.7rem;}

/* */
.m-products{ clear: both; overflow: hidden;background:#fff;background-size: 100% 100%;  padding: 2.87rem 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-products .tit01{height: 5.8rem;}
.pro{width: 92%;overflow: hidden;margin:0 auto;}

.pro-nav{width: 100%;clear: both;overflow: hidden; margin:0 auto 0.7rem; position: relative;}
.pro-nav h3 a{width: 31.59%; float: left;text-align: left; font-size: 1.2rem; line-height: 3rem;box-sizing: border-box;color: #fff; text-decoration: none; display: block;margin-right: 2.6%;margin-bottom: 0.9rem;background:#1e1e1e;}
.pro-nav h3 em{width:1.9rem;height:1.5rem; float: left;margin:0.7rem 0.2rem 0 1.5rem;}
.pro-nav a:nth-child(3n){margin-right: 0;}
.pro-more{width: 31.59%; float: left;text-align: left; font-size: 1.2rem; line-height: 3rem;box-sizing: border-box;color: #fff; text-decoration: none; display: block;margin-bottom: 0.9rem;background:#1e1e1e;}
.pro-more em{width:1.9rem;height:1.5rem; float: left;margin:0.7rem 0.2rem 0 1.5rem;}
.pro-nav h3 a:hover,.pro_nav h3 a.cur{color: #fff;background: #e62129; }

.pro-ad{margin-bottom: 1.5rem;}
.pro-ad dl{width: 100%;overflow: hidden;background: #fff;}
.pro-ad dl dt{width: 100%;}
.pro-ad dl dt img{width:100%; display: block;}

.pro-c{width:100%;margin:0 auto;position: relative;}
.pro-c ul{width: 100%;}
.pro-c li{width: 47.82%;  box-sizing: border-box;float: left;margin-right: 4.34%;position: relative;margin-bottom: 1.5rem;}
.pro-c li img{display: block;width: 100%;border:1px solid #d9d9d9;border-bottom:0; box-sizing: border-box;}
.pro-c li h4{height: 3rem; text-align: center;font-size:1.3rem; color: #fff;line-height:3rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;background: #1e1e1e;border-top:0;}
.pro-c li:nth-child(2n){margin-right: 0;}
.pro-c li:hover img{border-color: #e62129;}
.pro-c li:hover h4{background: #e62129;}

/**/
.m-super{ box-sizing: border-box;background:#fff;background-size: 100% 100%;  padding:1.5rem 0 0rem;clear: both; overflow: hidden; font-family:"Microsoft Yahei";}
.m-super .tit01{height:5.5rem;}
.super{width:92%;margin:0 auto; position: relative;}
.super dl{width: 100%;overflow: hidden;margin-bottom: 1.8rem;}
.super dt{width: 100%;}
.super dt img{display: block;width: 100%;}
.super dd{width: 100%;box-sizing: border-box; position: relative;padding-top:1.2rem;}
.super dd h3{height:5.3rem;border-bottom:1px solid #e5e5e5; position: relative;text-align: left;font-size: 1.8rem;padding-left:4.7rem; font-weight: bold; color: #000000; line-height: normal;margin-bottom: .5rem;}
.super dd h3 i{display: block;font-size: 1.5rem;color: #131313; font-weight: normal;}
.super dd p{font-size: 1.2rem; line-height:1.8rem; color: #333333;text-align: justify;padding-left:1.3rem;background: url(../images/superico.png) no-repeat left 0.6rem;background-size:0.4rem 0.5rem; }

.super1 dd h3{background: url(../images/super-01.png) no-repeat left 0.3rem;background-size:4rem;}
.super2 dd h3{background: url(../images/super-02.png) no-repeat left 0.3rem;background-size:4rem;}
.super3 dd h3{background: url(../images/super-03.png) no-repeat left 0.3rem;background-size:4rem;}
.super4 dd h3{background: url(../images/super-04.png) no-repeat left 0.3rem;background-size:4rem;}


/**/
.m-cases{ box-sizing: border-box;height: auto; background-size:100% 100%; padding:1rem 0 0rem; overflow: hidden; font-family:"Microsoft Yahei";}
.m-cases .tit01{height:6rem;}
.case{width: 92%;position: relative;margin:0 auto;overflow: hidden; padding-bottom: 0.8rem;border-bottom:0.1rem solid #c7c7c7; }
.case ul{width: 100%;}
.case li{width: 47.82%;  box-sizing: border-box;float: left;margin-right: 4.34%;position: relative;margin-bottom: 1.5rem;}
.case li img{display: block;width: 100%;box-sizing: border-box;}
.case li h4{height: 2.5rem; text-align: center;font-size:1.2rem; color: #ffffff;line-height:2.5rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;font-weight: normal;background: #1e1e1e;}
.case li:nth-child(2n){margin-right: 0;}


/**/
.m-partner{width:92%;margin:0 auto; position: relative;padding-top: 1.9rem;}
.partner-l{width:1.45rem;height:1.45rem;background: url(../images/partner-l.png) no-repeat;background-size: 100%;position: absolute;left:-0.5rem;top:50%;z-index: 3;}
.partner-r{width:1.45rem;height:1.45rem;background: url(../images/partner-r.png) no-repeat;background-size: 100%;position: absolute;right:-0.5rem;top:50%;z-index: 3;}
.partner{width:87%;margin:0 auto;overflow: hidden;}
.partner ul{width: 100%;}
.partner li{width: 30%; margin-right: 4.5%; float: left;position: relative;}
.partner li img{display: block;width: 100%;box-sizing: border-box;border:1px solid #cccccc;}

/**/
.m-about{ padding:3.5rem 0 3rem;background:#fff;background-size:100%;}
.m-about img{ display:block; width:100%;}
.about dt{width:100%;position: relative;height:30rem;}
.about dt h2{width:100%;position: absolute;left:0;top:3.8rem; color: #fff;}
.about dt h2 p{color: #fff;}
.about dd{width:92%; margin:-.5rem auto 0;position: relative;box-sizing: border-box;padding:2.5rem 2.5rem 0;height:17.5rem;box-sizing: border-box;border-radius: 0.15rem;background: #fff;font-size: 1.2rem;line-height:2.3rem;color:#4c4c4c;text-align: center;box-shadow: 0 0 0.9rem #ececec;}
.about dd h2{margin-bottom: 1rem;}



/**/
.m-news{ padding:0rem 0 3rem; background:#fff;background-size: 100% 100%; box-sizing: border-box;}
.m-news h2{margin-bottom: 1.8rem;}
.news{width: 92%;margin:0 auto;}
.news-nav{ width:100%; margin:0 auto 1.5rem; height:3.3rem; position:relative;border: 1px solid #e8e8e8;background: #fff;border-radius: 2.5rem;box-shadow: 0 0 1rem #eee;}
.news-nav p{ height:3.3rem;font-size:1.5rem;float:left; text-align:left; color:#666666; line-height:3.3rem; position: relative;box-sizing: border-box;width:50%;}
.news-nav p i{display: block;width:2.15rem;height:1.55rem;overflow: hidden;position: relative; float: left;margin-top:1rem;margin-left:3rem;margin-right:1rem;}
.news-nav p i img{width: 2.15rem;height:3.1rem;display: block;position: absolute;top:-1.55rem;left:0;}
.news-nav p.cur{color: #fff;background:#e62129;}
.news-nav p:first-child.cur{border-top-left-radius: 2.5rem;border-bottom-left-radius: 2.5rem;}
.news-nav p:last-child.cur{border-top-right-radius: 2.5rem;border-bottom-right-radius: 2.5rem;}
.news-nav p.cur i img{top:0;}

.news_con{position: relative;}
.dl01{ width:100%;margin-bottom: 1.55rem;overflow: hidden;}
.dl01 dt{ width:35%; overflow: hidden; float: left;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:62%; box-sizing: border-box; float: right;overflow: hidden;}
.dl01 dd h3{font-size:1.4rem; color:#333333; font-weight: bold;overflow:hidden;text-overflow:ellipsis; line-height: 1.8rem;position: relative;max-height: 1.8rem;margin-bottom: 0.8rem;white-space: nowrap;}
.dl01 dd p{font-size: 1.2rem; color: #666666;line-height: 1.7rem;  text-align: justify;}

.dl02{ width:100%;margin-bottom: 0.65rem;padding:1.3rem 0; overflow: hidden;height:7.8rem;background:#f0f0f0;border-radius: 0.25rem;box-sizing: border-box;}
.dl02 dt{ width:18.85%; overflow: hidden; float: left;position: relative; font-size: 2.7rem;color:#222222;text-align: center;border-right: 0.1rem solid #cccccc;font-weight: lighter;}
.dl02 dt b{ display:block;  font-size: 0.9rem;color:#999999; font-weight: normal;line-height: normal;margin-top:1rem;}
.dl02 dd{ width:72.5%; box-sizing: border-box; float: left;overflow: hidden;margin-left:1.5rem;}
.dl02 dd h3{font-size:1.4rem; color:#333333; font-weight: bold;overflow:hidden;text-overflow:ellipsis; line-height: 1.8rem;position: relative;max-height: 1.8rem;margin-bottom: 0.8rem;white-space: nowrap;}
.dl02 dd p{font-size: 1.2rem; color: #666666;line-height: 1.7rem;  text-align: justify;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; height:1.7rem;}





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: #e62129; border:0.1rem solid #e62129; border-radius:5%; padding:0 0.8rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:8; font-size: 0.7rem;}
.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;
}

html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}