.wrap{background: #fff}
.wrap img{width: 100%;display: block;}
.fl{float:left;}
.fr{float:right;}
/*广告*/
.ban{position: relative;}
.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:2.15rem; height:0.1rem;background:rgba(0,0,0,0.3);opacity: 1;border-radius:0;vertical-align: middle;}
.ban .swiper-pagination-bullet-active{background: #e60012;}
/*导航*/
.titis{height:7rem;text-align: center;}
.titis h2{height:3rem;line-height:3rem;font-size:2.1rem;color: #e60012;font-weight:bold;}
.titis h2 a{color:#e60012}
.titis p{height: 2.1rem;font-size: 1.2rem;color: #333333;}
.titis p i{width:5.5rem;display: inline-block;margin:0 0.8rem;}

.yz_c{padding:3.75rem 4% 2.65rem;overflow: hidden;}
.yz_c .tit{text-align: center;}
.yz_c .tit h4{font-size:2.1rem;color: #333333;line-height: 2.1rem;font-weight:bold;}
.yz_c .tit h4 img{width:9.6rem;vertical-align: text-bottom;margin:0 auto;display: inline-block;}
.yz_c .tit p{font-size:1.5rem;color: #333333;padding-top:0.6rem;}
.yz_w{font-size:1.3rem;color: #666666;line-height: 2rem;padding-top:1.5rem;margin-bottom:2.3rem;}
.yz_w p{text-indent: 2em;}
.yz_n{overflow: hidden;position: relative;}
.yz_c li{float:left;width:50%;height: 9.55rem;padding:1.9rem 0 0 12.45%;box-sizing: border-box;background: #f2f2f2;border-right:1px solid #fff;}
.yz_c li p{height:3.6rem;line-height: 3.6rem;}
.yz_c li p em{font:3.5rem "Impact";color: #e60012;display:inline-block;}
.yz_c li p i{width:1.7rem;height: 1.7rem;background: #e60012;text-align: center;line-height: 1.7rem;font-size:1.2rem;color: #fff;border-radius: 50%;margin-left:0.5rem;display:inline-block;vertical-align: text-bottom;}
.yz_c li span{display: block;font-size:1.2rem;color: #333333;margin-top:0.3rem;line-height:1.8rem;height:1.8rem;}
.yz_n:after{content: "";display: block;width:100%;height: 1px;background: #fff;position: absolute;left:0;top:50%;}

.pro{padding:0 4% 2.65rem;overflow: hidden;}
.pro_qh{height: 7.65rem;}
.pro_qh li,.pro_qh span{float:left;width:20%;text-align: center;height:6.7rem;background: #e60012;border:0.3rem solid #fff;text-align: center;font-size:1.3rem;color: #fff;border-width: 0.3rem 0;box-sizing: border-box;padding-top:1.3rem;line-height:1.8rem;position: relative;}
.pro_qh li:after{content: "";display: block;width:1px;height: 100%;background:#f38089;position: absolute;right:0;top:0;}
.pro_qh li.active{background: #000797;border-color: #000797}
.pro_qh li.active:after{display: none}
.pro_qh span a{color:#fff;display:block;}
.pro_nr dl{background: #eeeeee;padding:2.5rem 10.86% 0;text-align: center;height: 47.95rem;box-sizing: border-box;}
.pro_nr dd h4 a{display: block;height: 3rem;line-height: 3rem;font-size:1.7rem;color: #333;font-weight: bold;margin-bottom:0.65rem;}
.pro_nr dd span em{width:4.6rem;height: 6.8rem;border:0.1rem solid #e60012;border-radius: 0 1rem 0 1rem;text-align: center;font-size:1.3rem;color: #e60012;line-height: 1.3rem;padding-top:1.8rem;box-sizing: border-box;display: inline-block;margin:0 0.45rem;}
.pro_nr dd p{font-size:1.3rem;color: #666666;line-height: 2.3rem;padding-top:1.7rem;}
.pro_nr dd i a{display: block;width: 8.0rem;height: 2.6rem;background: #e60012;border-radius: 0.2rem;text-align: center;margin:1.5rem auto 0;font-size:1rem;color: #fff;line-height: 2.6rem;}
.pro_nr dt{width:21.15rem;margin:1.15rem auto 0;font-size:0;line-height: 0;}
.pro_j{display: block;text-align: center;font-size:0;line-height:0;padding-top:2.6rem;}
.pro_j img{display: inline-block;width:2.75rem;margin:0 1.9rem;}


.pro_nr li{float:left;width:49%;margin-right:1.8%;text-align:center;}
.pro_nr li img{display:block;border:1px solid #e8e8e8;box-sizing:border-box;padding:1px;}
.pro_nr li h4{display:block;height:3rem;line-height:3rem;font-size:1.2rem;color:#333;}
.pro_nr li:nth-child(2n){margin:0;}


.dz_c{padding:0 4% 3rem;overflow: hidden;}
.dz_nr dl{float:left;width:49.13%;margin:0 1.74% 0.8rem 0;height: 17.25rem;background: #eeeeee;}
.dz_nr dt{font-size: 0;line-height: 0;}
.dz_nr dd{text-align: center;}
.dz_nr dd i{width: 3.7rem;margin:-2.4rem auto 0;display: block;}
.dz_nr dd h4{padding-top:0.7rem;height: 2rem;line-height: 2rem;font-size:1.3rem;color: #333333;}
.dz_nr dd em{display: block;font:0.7rem arial;color: #999999;}
.dz_nr dl:nth-child(2n){margin:0 0 0.8rem 0;}


.ys_c{padding:0 4% 2rem;overflow: hidden;}
.ys_qh{height:6.5rem;overflow: hidden;}
.ys_qh li{float:left;width:25%;height: 4.75rem;background: #e60012;text-align: center;line-height: 4.75rem;font-size:1.5rem;color: #fff;position: relative;}
.ys_qh li img{display: inline-block;width:1.85rem;vertical-align: middle;margin-right:0.4rem;}
.ys_qh li.active{background: #000797}
.ys_qh li.active:after{width:0; height:0; border-left:0.45rem solid transparent;border-right:0.45rem solid transparent;border-top:0.45rem solid #000797;content: "";display: block;position:absolute;bottom:-0.44rem;left:45%;}
.ys_nr dt{font-size: 0;line-height: 0;}
.ys_nr dd{padding:2.75rem 2.89% 0 3.91%;}
.ys_nr dd i{display: block;font-size: 0;line-height: 0;width:8.75rem;}
.ys_nr dd h4{font-size:1.7rem;color: #333333;line-height: 2.25rem;padding-top:1rem;}
.ys_nr dd h4 b{display: block;}
.ys_nr dd p {font-size: 1.3rem;color: #666666;line-height: 2rem;padding-top:1.2rem;}
.ys_j{display: block;text-align: center;font-size:0;line-height:0;padding-top:3.65rem;margin-top:4rem;border-top:1px solid #dcdcdc;}
.ys_j img{display: inline-block;width:2.75rem;margin:0 1.9rem;}

.anl{padding:0 0 3rem;overflow: hidden;}
.al_qh {height: 6.45rem;overflow: hidden;padding:0 4%;}
.al_qh li{border-right:1px solid #fff;}
.al_qh li,.al_qh span{float:left;width:20%;text-align: center;background:#eeeeee;height: 5.5rem;box-sizing: border-box;border-top:0.6rem solid #fff;padding-top:0.6rem;font-size:1.3rem;color: #333333;line-height:1.8rem;}
.al_qh li a,.al_qh span a{font-size:1.3rem;color: #333333;line-height:1.8rem;}
.al_qh li.active{background: #000797;color: #fff;border-color: #000797}
.al_qh li.active a{color: #fff;}
.al_nr{width:92%;margin:0 auto;}
.al_nr dl{float:left;width:48.5%;margin-right:3%;}
.al_nr dl:last-child{margin:0}
.al_nr dt{font-size:0;line-height: 0;}
.al_nr dd {background: url(../images/al_ico2.png) no-repeat;height:10.95rem;background-size:100% 10.95rem;text-align: center;box-sizing: border-box;padding:1.25rem 5% 0;}
.al_nr dd h4 a{font-size:0.9rem;color: #fff;height:1.7rem;line-height: 1.7rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr dd p{font-size:0.7rem;color: #fff;line-height: 1.2rem;}
.al_nr dd i{display: block;font-size:0;line-height: 0;width:1.8rem;margin:1.3rem auto 0;}
.al_j{display: block;text-align: center;font-size:0;line-height:0;padding-top:4.3rem;}
.al_j img{display: inline-block;width:2.75rem;margin:0 1.9rem;}

.news{padding:0 0 5.35rem;overflow: hidden;}
.ns_qh{height: 4.9rem}
.ns_qh li{float:left;width:25%;text-align: center;}
.ns_qh li i{display:block;width:1.75rem;margin:0 auto;overflow: hidden;height: 1.75rem;}
.ns_qh li i img{transition: all 0.5s;}
.ns_qh li span{font-size:1.3rem;color: #333333;margin-top:0.3rem;display: block;}
.ns_qh li.active span{color: #e60012}
.ns_qh li.active i img:first-child{margin-top:-1.75rem;}
.ns_nr{padding:0.3rem;}
.ns_nr dl{background: #fff;box-shadow: 0 0 0.6rem rgba(0,0,0,0.2);margin-bottom:2rem;overflow: hidden;}
.ns_nr dt{float:left;font-size: 0;line-height: 0;width:50.57%;}
.ns_nr dd{float:left;width:40.57%;padding:1.1rem 0 0 5.5%;}
.ns_nr dd h4 a{display: block;font-size:1.3rem;color: #313131;}
.ns_nr dd p{font-size:1.2rem;color: #626262;line-height: 1.8rem;margin-top:0.4rem;}
.ns_nr li a{display: block;height: 2.9rem;line-height: 2.9rem;padding-left:2rem;background: url(../images/ns_a1.png) no-repeat 0.6rem center;background-size: 0.4rem 0.4rem;font-size:1.3rem;color: #313131;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_nr em a{display: block;width: 8.0rem;height: 2.6rem;background: #e60012;border-radius: 0.2rem;text-align: center;margin:1.5rem auto 0;font-size:1rem;color: #fff;line-height: 2.6rem;}


.about{background: url(../images/ab_bj.jpg) no-repeat center top;background-size: 100% 23.2rem;padding:4rem 4% 1.7rem;}
.about .titis{height: 6.7rem;}
.about .titis h2 a,.about .titis p{color:#fff;}
.ab_w{font-size:1.3rem;color: #fff;line-height: 2rem;height: 9.65rem;text-align: center;}
.ab_n{background: #fff;height: 9.15rem;box-shadow: 0 0 1rem rgba(0,0,0,0.2);box-sizing: border-box;padding-top:2.7rem;border-radius: 0.9rem;}
.ab_n li{float:left;width:25%;text-align: center;}
.ab_n li i{width:2.15rem;font-size:0;line-height: 0;display: block;margin:0 auto;}
.ab_n li span{font-size:1rem;color: #e50013;margin-top:0.6rem;display: block;}






html{ background:#f7f7f7;}/*图片加载未完成前，默认背景色*/
.wrap{ opacity:1; /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/}
.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; 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; }
.homeShow #showNext{display: none!important }
/*渐显动画*/
@-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:8.533px;}}
@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:393px){html{font-size:10.48px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}