
/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}

.tit{ text-align:center; font-size:1.85rem; color:#d50c0c; font-weight:bold; position:relative;padding-bottom:1rem;}
.tit em{ display:block; font-size:1rem; font-weight:normal; padding-top:0.3rem; color:#9e9e9e; font-family: Arial; text-transform:uppercase;}

.g-yinz{width:93.75%; margin:2.5rem auto;overflow:hidden;}
.g-yinz dt{ font-size:2.25rem; font-weight:bold; color:#e83018;}
.g-yinz dt em{ font-weight:normal; color:#25323a;}
.g-yinz dt span{ display:block; font:1.4rem "宋体"; color:#25323a; padding-top:0.3rem;}
.g-yinz dd{ font-size:1rem; line-height:1.5rem; color:#666; padding:1rem 0 2rem;}
.g-yinz li{ width:33.33%; float:left; font-size:1rem; font-weight:bold; color:#221815;}
.g-yinz li em{ display:block; width:1.65rem; height:1.9rem; border:1px solid #ccc; float:left; margin-right:4%;}
.g-yinz li em img{ display:block; width:100%; height:100%;}
.g-yinz li span{ display:block; float:left; width:76%;}
.g-yinz li i{ display:block; font-size:0.5rem; color:#666; font-family: Arial; text-transform:uppercase;}
.g-yinz h4 img{ display:block; width:100%; margin-top:2rem;}

.ban .swiper-pagination-bullet,.pro .swiper-pagination-bullet,.g-ys .swiper-pagination-bullet,.g-solve .swiper-pagination-bullet,.pic .swiper-pagination-bullet{ background:#333; opacity:1; width:1rem; height:1rem; border-radius:1rem;}
.ban .swiper-pagination-bullet-active,.pro .swiper-pagination-bullet-active,.g-ys .swiper-pagination-bullet-active,.g-solve .swiper-pagination-bullet-active,.pic .swiper-pagination-bullet-active{background: #d50c0c;}
.ban .swiper-pagination{ bottom:1rem;}

.g-pro{ position:relative; padding:2.9rem 0 0; background:#f4f4f4;}
.g-fen{ border-bottom:1px solid #d9d9d9;}
.g-fen p{ height:4.1rem; border-top:1px solid #d9d9d9; background:#fff;}
.g-fen p em{ display:block;width:19.5%; height:4.1rem; border-right:1px solid #d9d9d9; box-sizing:border-box; float:left; text-align:center; line-height:4.1rem; font-size:1rem; color:#333; background:#f3f3f3;}
.g-fen p:nth-child(1) em{ background:#d50c0c; color:#fff;border-right:1px solid #d50c0c; box-sizing:border-box;}
.g-fen p i{ display:inline-block; color:#666; line-height:4.1rem; padding:0 1.8%; font-size:1rem;}
.g-fen p span{display:inline-block; color:#666; line-height:4.1rem;font-size:1rem;}
.pro{overflow:hidden; background:#fff;}
.pro dt img{ display:block; width:93.75%; margin:0.8rem auto 0; }
.pro dd{ width:93.75%; margin:0 auto;}
.pro dd h3{ font-size:1.2rem; font-weight:bold; color:#333; padding:1.1rem 0 0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro dd p{ font-size:1rem; line-height:1.5rem; color:#666;}
.pro dd em{ display:block; width:25.83%; height:2.1rem; border-radius:0.1rem; text-align:center; line-height:2rem; color:#d50c0c; border:1px solid #d50c0c; box-sizing:border-box; font-size:1rem; margin:1rem 0;}
.pro a:nth-child(2n-1) li,.pic a:nth-child(2n-1) li{ float:left;}
.pro a:nth-child(2n) li,.pic a:nth-child(2n) li{ float:right;}

.g-anli{ margin:3rem 0; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.g-anli h2{ width:27%; float:left; text-align:center; color:#fff; font-size:1rem; background:#d50c0c; font-weight:bold; padding:1.5rem 0;}
.g-anli h2 em{ display:block; text-transform:uppercase; color:#ebaaaa; font-weight:normal; padding-top:0.3rem;}
.g-anli p{ width:73%; float:left; position:relative;}
.g-anli p a{ display:block; line-height:2.8rem; float:left; font-size:1rem; padding:0 6%; color:#666; text-transform:uppercase;}
.g-anli p:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; border-bottom:1px dashed #d8d8d8;}

.g-hpz{ background:#eaeaea url(../images/hcp_bg.jpg) no-repeat center top; background-size:100% auto; padding-bottom:5rem;}
.g-hpz2{ width:55%; float:right; padding-top:4.5rem;}
.g-hpz h2{ font-size:1.85rem; font-weight:bold; color:#fff; padding-bottom:1.2rem; position:relative;}
.g-hpz h2 em{ display:block; font-size:1rem; color:#778185; text-transform:uppercase; font-weight:normal; padding-top:0.3rem;}
.g-hpz h2:before{ content:""; position:absolute; bottom:0; left:0; width:6rem; height:3px; background:#d50c0c;}
.g-hpz dl{ margin-top:1.3rem;}
.g-hpz dt{ width:2.9rem; height:2.9rem; float:left; border-radius:2.9rem; background:#fff; margin-right:3%;}
.g-hpz dt img{ display:block; width:100%;}
.g-hpz dd{ font-size:1rem; font-weight:bold; line-height:2.9rem; color:#fff;}

.g-solve{ width:93.75%; margin:2.5rem auto 0; overflow:hidden;padding-bottom:4rem;}
.g-solve dt img{ display:block; width:100%;}
.g-solve dd h3{ font-size:1.1rem; font-weight:bold; color:#393939; padding:1.1rem 0 0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-solve dd p{font-size:1rem; line-height:1.5rem; color:#666; margin-bottom:1.5rem;}

.g-ys{ position:relative; padding:2.5rem 0 4rem; background:#f8f8f8; margin-bottom:1rem;}
.g-ys dl{padding-bottom:1.6rem; width:93.75%; margin:0 auto; overflow:hidden;}
.g-ys dt img{ display:block; width:100%;}
.g-ys dd h3{ font-size:1.6rem; color:#d82f2f;font-weight:bold; padding-top:1.2rem;}
.g-ys dd h3 em{ font-size:1.2rem; font-weight:normal; color:#333; display:block;}
.g-ys dd p{ font-size:1rem; line-height:1.5rem; color:#666; padding-top:0.3rem;}

.g-new{ padding:2rem 0 1.5rem;}
.tab1{ height:3.2rem; background:#333; overflow:hidden; margin-bottom:0.85rem;}
.tab1 p{ width:24%; float:left; height:3.2rem; text-align:center; line-height:3.1rem; font-size:1.1rem; color:#fff;}
.tab1 .active{ background:#d50c0c; font-weight:bold;}
.g-new .ne_db1{ font-size:1.1rem; color:#fff; line-height:3.2rem; float:right; padding-right:3%;}
.new{ width:93.75%; margin:0 auto; overflow:hidden;}
.g-new dl{ padding-bottom:1.5rem; margin-bottom:1rem; border-bottom:1px solid #e6e6e6;}
.g-new dt img{ display:block; width:100%; border:1px solid #eee; box-sizing:border-box;}
.g-new dd h3{ font-size:1.2rem; font-weight:bold; color:#222;text-overflow:ellipsis;white-space:nowrap; overflow:hidden; padding:1rem 0 0.3rem;}
.g-new dd h3 em{ display:block; float:left; width:20%; text-align:center; line-height:1.7rem; background:#d50c0c; font-size:1.05rem; margin-right:2%; border-radius:1rem; font-weight:normal; color:#fff;}
.g-new dd p{ font-size:1rem; color:#666; padding:0.5rem 0 0; line-height:1.4rem;}
.g-new li{ font-size:1rem; line-height:2.1rem; height:2.1rem; color:#555; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-left:4%; position:relative;}
.g-new li em{ color:#555; float:right;}
.g-new li:before{ content:""; position:absolute; top:0.8rem; left:0; width:0.5rem; height:0.5rem; border-radius:0.5rem; background:#ccc;}

.g-about{ padding:3rem 0 2rem; background:url(../images/about_bg.jpg) no-repeat center top; background-size:100% auto;}
.g-about .tit{ color:#fff;}
.g-about .tit em{ display:block; color:#859fba;}
.g-about dl{ width:93.75%; margin:0 auto;}
.g-about dt img{ display:block; width:100%;}
.g-about dd h3{ font-size:1.2rem; font-weight:bold; color:#2f2f2f; padding:1.5rem 0 0.3rem;}
.g-about dd p{ font-size:1rem; line-height:1.5rem; color:#666; padding:0.5rem 0 0;}

.g-pic{ position:relative; width:93.75%; margin:0 auto;}
.pict{ height:2.8rem; border-bottom:1px solid #ddd;}
.pict p{ display:block; float:left; font-size:1rem;line-height:2.8rem; height:2.8rem; width:21%; margin-right:3%;color:#666;}
.pict p span{ display:block; width:1.7rem; height:1.5rem; float:left; overflow:hidden; margin:0.5rem 1% 0 0;}
.pict p span em{display:block; width:100%; height:100%;}
.pict p span i{display:block; width:100%; height:100%;}
.pict p span img{ display:block; width:100%; height:100%;}
.pict .active2{ color:#d50c0c; font-weight:bold; border-bottom:0.15rem solid #d50c0c;}
.pict .active2 span em{ display:none;}
.pict .ne_db2{ font-size:0.9rem; color:#333; line-height:2.8rem; position:absolute; top:0; right:0;}
.pic{overflow:hidden;}
.g-pic li{ width:48%; margin:1rem 0;}
.g-pic li img{ display:block; width:100%;}
.g-pic li em{ display:block; font-size:1rem; height:2.7rem; line-height:2.7rem; color:#333; text-align:center; overflow:hidden;}

/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; 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;}}