.wrap{background: #fff}
.wrap img{width: 100%;display: block;}
.fl{float:left;}
.fr{float:right;}
/*广告*/
.ban{position: relative;margin-top:-2rem;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban img { line-height: 0}
.ban_j{position: absolute;bottom:0;left:36%;z-index: 9;font-size:0;line-height: 0}
.ban_j img{display:inline-block;width:4.05rem;}
.g_bd .ban .swiper-pagination{}
.g_bd .ban .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.3rem;}
.g_bd .ban .swiper-pagination-bullets{bottom:1rem;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban .swiper-pagination-bullet{width:0.5rem; height:0.5rem;background:#fff;opacity: 1;border-radius:50%;vertical-align: middle;}
.ban .swiper-pagination-bullet-active{background: #e62129;}
/*导航*/
.titis{height:4rem;text-align: center;background: url(../images/ico1.png) no-repeat center bottom;background-size: 8.15rem 0.4rem;font-size: 2rem;color: #332c2b;font-weight: bold;line-height: 4rem;margin-bottom:1.5rem;}
.titis a{color: #332c2b}

.pro{padding:3.85rem 3.125%;overflow: hidden;}
.pro dl{border:1px solid #cccccc;position: relative;background: #f5f5f5;padding-bottom:3.3rem;margin-bottom:1rem;}
.pro dt{font-size:0;line-height: 0}
.pro dd {text-align: center;padding-top:1rem;}
.pro dd h4 a {height:3.4rem;line-height: 2.8rem;text-align: center;font-size:1.5rem;color: #e60012;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background: url(../images/pro_ico1.png) no-repeat center bottom;background-size: 1.1rem 1px;display: block;}
.pro dd p {padding:1.4rem 13.33% 0;height: 5.9rem;font-size:1.1rem;color: #666666;line-height:1.7rem;}
.pro dd em a {width:7.85rem;height: 2.55rem;border:1px solid #626262;margin:0 auto;text-align: center;line-height: 2.55rem;font-size:1rem;color: #333333;display: block;}
.pro dt i{background: url(../images/pro_ico2.png) no-repeat;width:1.85rem;height: 0.65rem;background-size:1.85rem 0.65rem;display:block;position: absolute;top:-1px;left:47%;}


.yous{padding-bottom:4.5rem;}
.ys_nr {padding-bottom:0.4rem;}
.ys_nr dt{font-size:0;line-height: 0}
.ys_nr dd {margin:-2.15rem 3.125% 0;background: #fff;height: 17.25rem;box-shadow: 0 0 0.3rem rgba(0,0,0,0.1);position: relative;z-index: 2;padding:0.9rem 4.16% 0;box-sizing: border-box;}
.ys_nr dd em {display: block;text-align: right;font-size:1.2rem;color: #004276;font-weight: bold;height: 1.85rem;line-height: 1.85rem;}
.ys_nr dd h4 {height: 2.8rem;line-height: 2.8rem;padding-left:1.85rem;background: url(../images/ys_ico1.jpg) no-repeat left center;font-size:1.5rem;color: #332c2b;font-weight: bold;background-size: 1.45rem 1.3rem}
.ys_nr dd p{font-size:1.2rem;color: #7d7d7d;line-height: 2.1rem;}
.ys_qh{padding:0 3.125%;margin-top:-4rem;position: relative;z-index: 3}
.ys_qh li{float:left;background: url(../images/ys_ico2.jpg) no-repeat right;font-size:1.3rem;color: #332c2b;background-size: 0.75rem 1.5rem;width:25%;text-align: center;font-weight: bold;}
.ys_qh li.active{color: #004276}
.ys_qh li:last-child{background: none}


.al_nr {padding:0 12.5% 3.85rem;}
.al_nr .swiper-slide{margin-top:1rem;}
.al_nr .swiper-slide em{width:100%;height: 100%;background:rgba(0,0,0,0.6);position: absolute;left:0;top:0;display: block;}
.al_nr .swiper-slide p{display: none}
.al_nr .swiper-slide-active{opacity:1;margin-top:0;}
.al_nr .swiper-slide-active p{height:4.8rem;display: block;}
.al_nr .swiper-slide-active em{display: none}
.al_nr p{height:4.8rem;text-align: center;line-height: 4.8rem;border:1px solid #acacac;border-top:0;font-size:1.5rem;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr p a {color: #333;display: block;}
.al_j1,.al_j2{position: absolute;top:8rem;z-index: 3}
.al_j1{left:3%;}
.al_j2{right:3%;}


.news{padding:0 3.125% 4rem;overflow: hidden;}
.news dl{border-bottom:1px solid #d3d3d3;padding-bottom:2.3rem;margin-bottom:2.3rem;}
.news dt{font-size:0;line-height: 0}
.news dd{padding-top:1.6rem;}
.news dd h4 a{height: 3.0rem;line-height: 3rem;font-size:1.5rem;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news dd p{font-size:1.2rem;color: #666666;line-height: 2.1rem;padding-top:0.5rem;}
.news dd p a {color: #004276}
.news li a {display: block;height: 2.3rem;line-height: 2.3rem;font-size:1.2rem;color: #666666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.about {padding-bottom:9.5rem;overflow: hidden;}
.about dt{font-size:0;line-height: 0;}
.about dd {background: #fff;margin:-8.75rem 3.125% 0;box-shadow: 0 0 1rem rgba(0,0,0,0.1);position: relative;z-index: 2;height: 29.3rem;padding-top:5.1rem;box-sizing: border-box;text-align: center;}
.about dd em {display: block;font-size:0;line-height: 0;width:17.55rem;margin:0 auto;}
.about dd h2 a{height:3.9rem;font-size:2.2rem;color:#322c2c;font-weight:bold;line-height: 3.9rem;}
.about dd p{padding:1rem 6.16%;font-size:1.2rem;color: #595758;line-height: 2.3rem;}
.about dd i a{display: block;width:9.0rem;height: 2.65rem;border:1px solid #004276;border-radius: 0.2rem;text-align: center;color: #004276;font-size:1.1rem;line-height: 2.65rem;margin:1.7rem auto 0;}


html{ background:#f7f7f7;}/*图片加载未完成前，默认背景色*/
.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;
}



@media screen and (min-width:320px) {
    html {
        font-size: 10px;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 11.25px;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 11.7px;
    }
}

@media screen and (min-width:384px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 13px;
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 17.5px;
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 20px;
    }
}