
/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative; z-index:3;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:1rem;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1; width:0.8rem; height:0.8rem;}
.ban .swiper-pagination-bullet-active{ background:#d92f36; border-radius:0.3rem; width:1.5rem;}

img{ display: inline-block; width: 100%;}

.g-pro{ padding:2.2rem 3.1%;}
.g-pro h2{ width: 46%; margin: 0 auto; padding-bottom: 1.2rem; font-size:0; line-height: 0;}
.g-pro h3{ background: #d92f36; text-align: center; height: 2.5rem; line-height: 2.5rem; background: #d92f36;}
.g-pro h3 a{ display: block; font-weight: bold; color: #fff; font-size: 1.25rem;}
.g-pro p{ background: #eee; line-height: 2.2rem; overflow: hidden; padding: 0.95rem 0; }
.g-pro p a{ display: inline-block; float: left; width: 25%; font-size: 1.08rem; color: #666; padding-left:1.5rem; box-sizing: border-box; position: relative;letter-spacing: -1px;}
.g-pro p a:before{ content:""; position:absolute;left:0.65rem;top:1rem; background:#8f8f8f; width: 0.3rem; border-radius: 0.3rem; height: 0.3rem;}

.g-pro ul{ overflow: hidden; padding-top: 0.7rem; padding-bottom: 0.9rem;}
.g-pro li{ width:48.63%; margin-bottom:0.7rem; position: relative;}
.g-pro li img{ display:block; width:100%; }
.g-pro li em{ display:block;font-size:1.05rem; line-height:1.7rem; overflow:hidden; height:1.7rem; overflow:hidden; text-align:center;color:#fff;text-overflow:ellipsis;white-space:nowrap; width: 100%; position: absolute; left: 0; bottom: 0;background:url(../images/spn.png) repeat; }
.g-pro li:nth-child(2n-1) { float:left;}
.g-pro li:nth-child(2n) { float:right;}

.g-biaoz{ padding:0 0 2.5rem; position: relative; box-sizing: border-box;width: 93.75%;  margin: 0px auto; overflow: hidden;}
.g-biaoz .mor{ display: inline-block; width: 33.33%; position: absolute; right: 0; top: 0; line-height: 2.6rem; color: #fff; font-size: 1rem; text-align: center;}
.tab01{ height:2.6rem; background:#646464; margin-bottom: 0.8rem;}
.tab01 a{ display:block; width:33.33%; float:left; height:2.6rem; position:relative; text-align:center; font-size:1.2rem; color:#fff; line-height: 2.6rem; border-right: 1px solid #838383;}
.tab01 .active{ color:#fff; background:#d92f36; position:relative;}
.biaoz ul{ overflow: hidden; padding-top: 0.7rem; padding-bottom: 0.9rem; }
.biaoz li{ width:48.63%; margin-bottom:0.7rem; position: relative; line-height: 0; font-size: 0;}
.biaoz li em{ display:block;font-size:1.05rem; line-height:1.7rem; overflow:hidden; height:1.7rem; overflow:hidden; text-align:center;color:#fff;text-overflow:ellipsis;white-space:nowrap; width: 100%; position: absolute; left: 0; bottom: 0;background:url(../images/spn.png) repeat; }
.biaoz li:nth-child(2n-1) { float:left;}
.biaoz li:nth-child(2n) { float:right;}

.dz{ background:url(../images/si_bg.jpg) no-repeat;background-size:100% 47.08rem; height: 47.08rem; overflow: hidden; margin-bottom: 2.75rem;}
.dz h2{ text-align: center; font-size: 1.1rem; text-align: center; color: #fff; padding-top: 3.3rem; padding-bottom: 0.6rem;}
.dz h2 img{ display: block; width: 13.5rem; margin: 0 auto; padding-bottom: 0.4rem;}

.tabs2{ height:8.4rem; position:relative; z-index:1; overflow: hidden;}
.tabs2 a{ display:block; width:25%; text-align:center;font-size:1.1rem; color:#fff; height:6.15rem;float:left; background:url(../images/yi1.png) no-repeat center 0;background-size:5.46rem 6rem; padding-top:6.25rem; box-sizing: border-box;}
.tabs2 a:nth-child(2){ background:url(../images/yi2.png) no-repeat center 0;background-size:5.46rem 6rem; }
.tabs2 a:nth-child(3){ background:url(../images/yi3.png) no-repeat center 0;background-size:5.46rem 6rem; }
.tabs2 a:nth-child(4){ background:url(../images/yi4.png) no-repeat center 0;background-size:5.46rem 6rem; }
.tabs2 .active {background:url(../images/yi11.png) no-repeat center 0;background-size:5.46rem 6rem; font-weight: bold;}
.tabs2 a:nth-child(2).active{background:url(../images/yi21.png) no-repeat center 0;background-size:5.46rem 6rem;}
.tabs2 a:nth-child(3).active{background:url(../images/yi31.png) no-repeat center 0;background-size:5.46rem 6rem;}
.tabs2 a:nth-child(4).active{background:url(../images/yi41.png) no-repeat center 0;background-size:5.46rem 6rem;}
.dz dl{ margin: 0 3% 0 3.1%;}
.dz dl dt img{ height: 16.375rem; display: inline-block;}
.dz dd{ padding: 0.5rem;}
.dz dd h3{ height:2.5rem; font-size:1.4rem; color:#d92f36; line-height:2.2rem; border-bottom:1px solid #ccc; overflow:hidden; margin-bottom:1rem; font-weight: bold;}
.dz dd p{ font-size:1rem;  color:#333;position:relative;}
.arr{ height:4rem; position:relative; margin-top:0.2rem; z-index: 66;}
.arr .swiper-pagination{ width:100%; margin-top:1rem;}
.arr .swiper-pagination-bullet{ background:#999; opacity:1; width:0.8rem; height:0.8rem; margin:0 2%;}
.arr .swiper-pagination-bullet-active{ background:#d92f36; border-radius:0.3rem; width:1.8rem;}
.arr .prev{ width:2.95rem; height:3.1rem; overflow:hidden; position:absolute; top:0; left:20%; background:url(../images/ys_l.png) no-repeat; background-size:100% 100%; z-index:22; margin:0;} 
.arr .next{ width:2.95rem; height:3.1rem; overflow:hidden; position:absolute; top:0; right:20%; background:url(../images/ys_r.png) no-repeat; background-size:100% 100%;z-index:22; margin:0;}

.pord_c1{ margin: 0 3.1%; overflow: hidden; position: relative;}
.pord_c1 h3{ width: 10rem; margin: 0 auto; font-size: 0; line-height: 0; padding-bottom: 1.2rem;}
.pord_c1 h4{ font-size: 0; padding-bottom: 0.8rem; overflow: hidden;}
.pord_c1 h4 a{ display: inline-block; float: left; margin: 0 0.4rem 0.4rem 0; font-size: 1.08rem; color: #333; line-height: 2.9rem; line-height: 2.9rem; border: 1px solid #ccc; text-align: center; width:23.35%;}
.pord_c1 h4 a:nth-child(4n){ margin-right: 0;}
.pord_c1 .prev1{ position: absolute; top: 36%; width: 2.2rem; left: 0; z-index: 9;}
.pord_c1 .next1{ position: absolute; top:36%; width: 2.2rem; right: 0; z-index: 9;}
.pord_c1 p{ display: block; background: #f1f1f1; margin-bottom: 0.8rem; border-bottom: 0.15rem solid #bcbcbc;}
.pord_c1 p i{ display: block; color: #d92f36; font-size: 1.25rem; font-weight: bold; padding: 1rem 1rem 0;}
.pord_c1 p span{ display: block; font-size:1rem; color: #666; line-height: 1.55rem; padding: 0.5rem 1rem 0.85rem;}
.pord_c1 ul{ overflow: hidden; padding-top: 0.1rem; padding-bottom:2.8rem; }
.pord_c1 li{ width:48.63%; margin-bottom:0.7rem; position: relative; line-height: 0; font-size: 0;}
.pord_c1 li em{ display:block;font-size:1.05rem; line-height:1.95rem; overflow:hidden; height:1.95rem; overflow:hidden; text-align:center;color:#333;text-overflow:ellipsis;white-space:nowrap; width: 100%; border: 1px solid #ddd; border-top: none; box-sizing: border-box;}
.pord_c1 li:nth-child(2n-1) { float:left;}
.pord_c1 li:nth-child(2n) { float:right;}

.lcv{ background:url(../images/lc.jpg) no-repeat; background-size:100% 29.875rem; height: 29.875rem;  margin-bottom: 2.2rem;}
.lcv h3{ width: 12.2rem; margin: 0 auto; font-size: 0; line-height: 0; padding-top: 2.7rem; padding-bottom: 1.7rem;}
.lcv ul{ overflow: hidden;}
.lcv ul li{ float: left;background:url(../images/lc1.png) no-repeat; background-size:6.25rem; width: 6.25rem; height: 6.25rem; color: #737373; font-size: 0.75rem; box-sizing: border-box; padding-top: 3.2rem; text-align: center; margin: 0 6.75% 2.5rem;}
.lcv ul li:nth-child(3n){ margin-left:9%; margin-right: 0;}
.lcv ul li:nth-child(2){background:url(../images/lc2.png) no-repeat; background-size:6.25rem;}
.lcv ul li:nth-child(3){background:url(../images/lc3.png) no-repeat; background-size:6.25rem;}
.lcv ul li:nth-child(4){background:url(../images/lc4.png) no-repeat; background-size:6.25rem;}
.lcv ul li:nth-child(5){background:url(../images/lc5.png) no-repeat; background-size:6.25rem;}
.lcv ul li:nth-child(6){background:url(../images/lc6.png) no-repeat; background-size:6.25rem;}
.lcv h4{ margin: 0 13.8%; height: 2.3rem; line-height: 2.3rem; border-radius: 2.3rem;background:url(../images/l_tel.png) no-repeat  1.2rem 0.6rem #d92f36; background-size:1.17rem;}
.lcv h4 a{ display: block; font-size: 1.25rem; color: #fff; padding-left: 12%;}
.lcv h4 span{ display: block; float: right; height: 2.3rem; line-height: 2.3rem; text-align: center; background: #555; border-radius: 2.3rem; padding: 0 6%;}
.lcv h4 span a{ display: block; padding-left: 0; text-align: center; font-size: 0.75rem;}

.g-about{ overflow: hidden; padding-bottom: 2.95rem;}
.g-about h2{ width: 9.7rem; margin: 0 auto; font-size: 0; line-height: 0; padding-bottom: 1.1rem; }
.g-about dd h3{ font-size:1.3rem; color:#d92f36; padding-top:1rem; text-align:center; font-weight: bold;}
.g-about dd p{ font-size:1rem; line-height:1.8rem; color:#666; padding:0.5rem 3% 0 3%; text-align: center;}
.g-about dd p em{ color: #d92f36;}

.g-news{   padding:2rem 0;}
.g-news h2{ margin: 0 auto; width: 10rem; font-size: 0; line-height: 0; padding-bottom: 0.9rem; }
.news_nav{ width:93.75%; margin:0 auto 1.21rem; background:#333; height:4rem; position:relative;}
.news_nav p{ width:49.99%; height:4rem;font-size:1.25rem;float:left; text-align:center; color:#fff; line-height:4rem;background:url(../images/j_lin.jpg) no-repeat right 1.6rem; background-size:2px 0.93rem;}
.news_nav p.cur{background:#d92f36;font-weight: bold;}
.dl01,.dl02{ width:93.75%; margin:0.5rem auto 0; background:#fff; }
.dl01{border: 1px solid #d5d5d5; overflow: hidden;}
.dl01 dt{ width:44%; float:left;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:56%; float:right;  box-sizing: border-box;  padding: 0 2.5%;}
.dl01 dd h3{ font-size:1.1rem; color:#424242; line-height:2.35rem; height:2.35rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight: bold; padding-top: 0.5rem;}
.dl01 dd p{ font-size:1.1rem; line-height:1.6rem; color:#737373;}
.dl01 dd p em{ color:#023793;}
.dl02{overflow:hidden; margin-bottom: 0.8rem; height: 4.5rem; border: 1px solid #e2e2e2;}
.dl02 dt{ width:17.25%; height:4.9rem; padding-top:0.75rem; float:left; overflow:hidden; text-align:center; font-size:2rem; color:#424242; background: #e2e2e2; line-height: 100%;}
.dl02 dt em{ display:block; font-size:0.8rem; position:relative; margin-top:-0.2rem; color:#424242;}
.dl02 dd{ width:78.6%; float:right; padding-right:2%;}
.dl02 dd i{ display: block; color: #424242; font-size: 1.2rem; padding-top: 0.5rem; height: 1.5rem; line-height: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.dl02 dd em{ display: block; color: #737373; font-size: 1.08rem;}
.dl02 dd em span{ color: #d92f36;}
/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:0; top:0; background:url(../images/loading.jpg) no-repeat;background-size:100% auto;display:none; max-width:640px; min-width:320px; z-index:99999;}

.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;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}