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

.dz{ margin:3.5rem 0;}
.tabs{height:3.8rem; overflow:hidden; padding-left:3.8%; margin-bottom:1.2rem;}
.tabs a{ display:block; width:30.7%; height:3.8rem; text-align:center;font-size:1.1rem; color:#fff; line-height:3.8rem; background:#666; margin-left:1%; float:left;}
.tabs a.active{ background:#da2b24; color:#fff; font-weight:bold;}
.tabs a:nth-child(2),.tabs a:nth-child(4){border-right:1px solid #d3d3d3;}
.tabs a:nth-child(5){border-bottom:1px solid #d3d3d3;}
.dz dl{ width:90.625%; margin:0 auto; }
.dz dt img{display:block; width:100%;}
.dz dd h3{ height:4.1rem; font-size:1.5rem; color:#da2b24; background:url(../images/dz_line1.gif) no-repeat left bottom; background-size:100% 2px; line-height:4.1rem; margin-bottom:1rem;}
.dz dd h3 em{ font-size:1.2rem; font-family: Arial; padding-left:2%; text-transform:uppercase;color:#c0c0c0;}
.dz dd p{ font-size:1rem; line-height:1.8rem; color:#626262;}
.dz dd p em{ color:#da2b24;}
.dz dd span{ display:block; margin-top:1rem; height:3rem; overflow:hidden; text-align:center;}
.dz dd span a{ display:inline-block; width:29.48%; height:3rem; margin:0 2%; background:#da2b24 url(../images/dz_icon1.png) no-repeat 16% center; background-size:1.3rem 1.35rem; color:#fff; text-align:center; line-height:3rem; font-size:1rem; padding-left:5%;}
.dz dd span a:last-child{background:#353535 url(../images/dz_icon2.png) no-repeat 16% center; background-size:1.3rem 1.35rem;}

.g-pro{ position:relative; background:#f0f0f0; padding:3rem 0;}
.tit{ text-align:center; font-size:1.4rem; color:#282828; position:relative; padding-bottom:0.75rem;}
.tit em{ color:#da2b24;}
.tit:before{ content:""; position:absolute; bottom:0; left:50%; width:1.6rem; height:3px; background:#da2b24; margin-left:-0.8rem;}
.g-pro p{ width:90.625%; margin:1rem auto 0; overflow:hidden;}
.g-pro p a{ display:block; width:31.33%; height:3.1rem; text-align:center; border:1px solid #bcbcbc; box-sizing:border-box; font-size:1.2rem; color:#333; line-height:3.1rem; float:left; margin:0 1% 0.25rem; background:#fff;}
.g-pro p a:hover{ border:1px solid #da2b24; box-sizing:border-box; color:#da2b24;}
.g-pro ul{width:90.625%; margin:1rem auto 0;}
.g-pro li{width:47.24%; margin-bottom:1.5rem;}
.g-pro li img{ display:block; width:100%; border:1px solid #e9e9e9; box-sizing:border-box; height:16.85rem;}
.g-pro li em{ display:block; height:3rem; text-align:center; font-size:1.2rem; color:#474747; overflow:hidden; line-height:3rem; border-bottom:1px solid #e9e9e9;text-overflow:ellipsis;white-space:nowrap;}
.g-pro a:hover li img{ border:1px solid #da2b24;}
.g-pro a:hover li em{ border-bottom:1px solid #da2b24; color:#da2b24;}
.g-pro a:nth-child(2n) li{ float:right;}
.g-pro a:nth-child(2n-1) li{ float:left;}

.g-pk{ width:90.625%; margin:3rem auto 0;}
.g-pk h2{ text-align:center; font-size:1.8rem; color:#242424; margin-bottom:2rem;}
.g-pk h2 b{ display:block; background:url(../images/pk_line.png) no-repeat center center; background-size:100% 0.35rem;}
.g-pk h2 em{ color:#da2b24;}
.pk{ position:relative;}
.pk li{ width:47.24%;}
.pk li img{ display:block; width:100%;}
.pk li em{ display:block; width:100%; height:1.75rem; background:rgba(0,0,0,0.5) url(../images/pk_d.png) no-repeat 95% center; background-size:0.75rem 0.95rem; position:relative; margin-top:-1.75rem; font-size:1rem; text-align:center; color:#fff; line-height:1.75rem;}
.pk li span{ display:block; text-align:center; font-size:1.2rem; font-weight:bold; line-height:4.1rem; height:4.1rem; overflow:hidden; color:#da2b24;text-overflow:ellipsis;white-space:nowrap;}
.pk li p{display:block; text-align:center; font-size:1.2rem; font-weight:bold; line-height:4.1rem; height:4.1rem; overflow:hidden; color:#333;text-overflow:ellipsis;white-space:nowrap;}
.pk li:nth-child(2n) em{background:rgba(0,0,0,0.5) url(../images/pk_c.png) no-repeat 95% center; background-size:0.75rem 0.95rem;}
.pk h5{ width:6rem; height:4.5rem; padding-top:1.5rem; background:#da2b24; border-radius:6rem; text-align:center; font-size:1rem; font-weight:bold; color:#fff; position:absolute; top:2.6rem; left:50%; margin-left:-3rem;}
.pk h5 em{ display:block; font:1.8rem Arial; text-transform:uppercase;}
.pk li:nth-child(2n){ float:right;}
.pk li:nth-child(2n-1){ float:left;}

.ys{ background:#f0f0f0; padding:2.5rem 0 3.5rem; margin-top:1.5rem; position:relative; height:36rem;}
.ys h2{ text-align:center; font-size:1.9rem; color:#282828; background:url(../images/ys_h.png) no-repeat center 0.3rem; background-size:100% auto;}
.ys h2 em{ display:block; font-weight:bold; color:#da2b24; font-size:2.2rem; padding-bottom:2.2rem;}
.ys dl{ width:90.625%; margin:0 auto;}
.ys dt img{ display:block; width:100%; margin-bottom:1.3rem;}
.ys dd em{ display:block; width:14.3%; height:2.55rem; background:url(../images/ys_01.png) no-repeat; background-size:100% auto; text-align:center; line-height:2.55rem; font:1.8rem Impact; color:#fff; float:left;}
.ys dd h5{ width:82%; float:right;} 
.ys dd h5 span{ display:block; font-size:1.4rem; font-weight:bold; color:#da2b24; padding-bottom:1rem;} 
.ys dd h5 span i{ display:block; font-size:0.5rem; text-transform:uppercase; color:#a3a3a3; font-weight:normal;}
.ys dd h5 p{ font-size:1.1rem; color:#333; line-height:2.2rem; background:url(../images/ys_jt.png) no-repeat left 0.8rem; background-size:0.55rem 0.55rem; padding-left:5%; position:relative; margin-left:-2rem;}
.ys .swiper-pagination-bullets{ top:38.5rem;} 
.ys .swiper-pagination-bullet-active{ background:#df0522;}
.ys .swiper-button-next{ width:2.5rem; height:2.3rem; background:url(../images/ys_right.gif) no-repeat; background-size:2.5rem 2.3rem; position:absolute; top:39rem; right:22%;}
.ys .swiper-button-prev{ width:2.5rem; height:2.3rem; background:url(../images/ys_left.gif) no-repeat; background-size:2.5rem 2.3rem; position:absolute; top:39rem; left:22%;}

.guan1{ background:url(../images/guan1.jpg) no-repeat center top; background-size:100% 100%; height:13.45rem;}
.guan1 h5{ font-size:1.5rem; color:#fff; padding-top:3rem;}
.guan1 em{ display:block; padding-left:7%;}
.guan1 p{ background:#da2b24; width:47%; line-height:2.4rem; height:2.4rem; padding-left:7%; margin:0.5rem 0; font-weight:bold;}
.guan1 span{ display:block; padding-left:7%; font-size:0.9rem;}
.guan1 span i{ display:block; font-size:1.5rem;}

.g-about{ width:90.625%; margin:3rem auto 0;}
.g-about h2{ text-align:center; font-weight:bold; font-size:1.7rem; color:#da2b24; padding-bottom:1rem;}
.g-about dt img{display:block; width:100%;}
.g-about dd h3{ font-size:1rem; font-weight:bold; color:#555; margin-top:1.2rem; line-height:2rem;}
.g-about dd p{ font-size:1rem; line-height:1.8rem; color:#555;}
.g-about dd p em{ color:#da2b24;}

.g-news{ width:90.625%; margin:1rem auto 1.2rem;}
.news_nav{ height:3rem;overflow:hidden; position:relative; background:#f0f0f0; font-family:"Microsoft YaHei";}
.news_nav p{ width:26%; height:3rem;font-size:1.2rem;float:left; text-align:center; color:#333; line-height:3rem;}
.news_nav p.cur{ color:#fff; background:#df0522 url(../images/dy_line.gif) no-repeat right top; background-size:1rem 3rem;}
.news_nav a{display:block; position:absolute; top:1.1rem; right:3%; font-size:0.9rem; color:#999; text-transform:uppercase; font-family: Arial;z-index:2;}
.news_con ul{ margin:1rem auto 0; padding-bottom:1rem; overflow:hidden;}
.news_con li{ font-size:1rem; color:#555; line-height:2.6rem; height:2.6rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(../images/ys_jt.png) no-repeat left center; background-size:0.55rem 0.55rem; padding-left:4%; border-bottom:1px dashed #ddd; text-transform:uppercase; font-family:"Microsoft YaHei";}
.news_con a:last-child li{ border:0;}

/*开屏秀*/
.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;}}