/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative; z-index:10; margin-top:-1px;}
.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:#b81b22; border-radius:0.3rem; width:2rem;}

.g-lx{ height:5rem; background:#f2f2f2; overflow:hidden; padding:0 3%;}
.g-lx p{ width:47.5%; float:left; margin-top:1rem; font-size:0.9rem; color:#999;}
.g-lx p em{ display:block; font-size:1.5rem; font-weight:bold; color:#2d2d2d;}
.g-lx .sou{ width:42.5%; margin-top:1rem; height:2.5rem; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; float:right;}
.g-lx .ip01{ width:85%; float:left; height:2.5rem; background:none; border:0; overflow:hidden; font-size:1rem; color:#999;}
.g-lx .ip02{ width:15%; height:2.5rem; background:url(../images/sou.png) no-repeat center center; background-size:1.35rem 1.35rem; border:0; cursor:pointer;}

.g-dre{ height:24.5rem; background:url(../images/dre_bg.jpg) no-repeat center top; background-size:100% 100%;}
.g-dre dt{ width:43%; font-size:1.7rem; font-family:"宋体"; color:#c30118; padding:3rem 0 0 3%; font-weight:bold; float:left;}
.g-dre dt em{ display:block; text-transform:uppercase; color:#999;font-size:1.5rem;}
.g-dre dd{ width:50%; height:24.5rem; background:url(../images/dre_bg2.jpg) no-repeat center top; background-size:100% 100%; float:right;}
.g-dre dd p{ font-size:0.9rem; color:#dedcdc; line-height:1.8rem; padding:4rem 5% 0 7%;}

.g-pro{ height:37.2rem; background:url(../images/pro_bg.jpg) no-repeat center top; background-size:100% 100%; padding:3rem 3.125% 0;}
.g-pro ul{ width:50.833%; float:left;}
.g-pro li{ margin-bottom:0.3rem; height:16rem; position:relative;}
.g-pro li img{ display:block; width:100%; height:100%;}
.g-pro li em{ display:block; width:1.8rem; height:8rem; padding:3rem 0.5rem 0 0.5rem; text-align:center; background:#c30118; position:absolute; top:0; left:0; font:1.2rem "宋体"; font-weight:bold; color:#fff;}
.g-pro a:nth-child(2) li{ width:81.967%; float:right; height:16.25rem;}
.g-pro li i{display:block; width:100%; height:2.8rem;overflow:hidden;text-align:center; background:#efeeec; position:absolute; bottom:0; left:0; font:1.2rem "宋体"; font-weight:bold; color:#333; line-height:2.8rem; }
.g-pro dl{ width:48.33%; float:right;}
.g-pro dt{ font:2rem "宋体"; font-weight:bold; color:#fff; text-align:right; margin-bottom:2.4rem;}
.g-pro dt em{ display:block; font-size:1.5rem; text-transform:uppercase; color:#b2b3b4;}
.g-pro dt i{ display:block; font-size:1rem; font-family:"Microsoft YaHei"; font-weight:normal;}
.g-pro dd p{ width:100%; height:13rem; position:relative; margin-bottom:0.3rem; overflow:hidden;}
.g-pro dd p img{ display:block; width:100%; height:100%;}
.g-pro dd p em{display:block; width:1.8rem; height:95%; padding:7% 0.5rem 0 0.5rem; text-align:center; background:#c30118; position:absolute; top:0; right:0; font:1.2rem "宋体"; font-weight:bold; color:#fff;}
.g-pro dd a:nth-child(2) p{ height:7.5rem;}
.g-pro dd a:nth-child(2) p em{height:92%; line-height:1.3rem;}
.g-pro dd p i{display:block; width:100%; height:2.8rem;overflow:hidden;text-align:center; background:#efeeec; position:absolute; top:0; left:0; font:1.2rem "宋体"; font-weight:bold; color:#333; line-height:2.8rem;}

.tit{ text-align:center; font:2.5rem "宋体"; font-weight:bold; color:#c30118;}
.tit em{ display:block; height:2.15rem; font-size:0.96rem; line-height:2.15rem; background:url(../images/case_h.png) no-repeat center top; background-size:100% auto; margin-top:0.5rem; font-family:"Microsoft YaHei"; font-weight:normal; color:#666;}

.g-case{ margin:3rem 0;}
.g-case p{ width:93.75%; margin:2rem auto 0; height:8.9rem; overflow:hidden;}
.g-case p a{ display:block; height:3rem; margin-bottom:1rem; width:48.33%; border-radius:2rem; background:#e8e8e8; text-align:center; line-height:3rem; font-size:1.1rem; color:#666;}
.g-case p a:nth-child(2n){ float:right;}
.g-case p a:nth-child(2n-1){ float:left;}
.g-case p a:hover{ color:#fff; background:#c30118;}
.g-case ul{width:93.75%; margin:0 auto;}
.g-case li{ width:48.33%; float:left}
.g-case li img{ display:block; width:100%;}
.g-case li em{ display:block; text-align:center; font-size:1.1rem; color:#333; line-height:2.7rem; height:2.7rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-case a:nth-child(1) li{ width:100%; position:relative; margin-bottom:1rem;}
.g-case a:nth-child(1) li em{display:block; width:100%; background:rgba(0,0,0,0.8); text-align:center; font-size:1.1rem; color:#333; line-height:2.5rem; height:2.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:absolute; bottom:0; left:0; color:#fff;}
.g-case a:last-child li{ float:right;}

.g-ys{ background:url(../images/ys_bg.jpg); background-size:5.3rem 5.3rem; padding:3rem 0 2rem;}
.g-ys dl{ width:93.75%; margin:2rem auto 0;}
.g-ys dt img{ display:block; width:100%;}
.g-ys dd h3{ height:3.5rem; background:url(../images/ys_line.png) repeat-x center bottom; background-size:0.15rem 0.35rem; margin-top:1rem; font-size:2rem; font-weight:bold; color:#c30118; margin-bottom:1.5rem;}
.g-ys dd h3 em{ font-size:1.2rem; font-family:"Times New Roman", Times, serif; text-transform:uppercase; padding-left:2%; color:#ccc;}
.g-ys dd p{ font-size:1rem; line-height:2rem; color:#666; position:relative; padding-left:4%;}
.g-ys dd p:before{ content:""; position:absolute; top:0.8rem; left:0; width:0.4rem; height:0.4rem; border-radius:0.4rem; border:1px solid #c30118; box-sizing:border-box;}
.g-ys dd p b{ color:#222;}
.arr{ width:70%; padding:0 5%; height:4rem; margin:3rem auto 0; position:relative;}
.arr .swiper-pagination{ text-align:center; width:90%; margin:0 auto;}
.arr .swiper-pagination-bullet{ background:#999; opacity:1; width:0.8rem; height:0.8rem; margin:0 3%;}
.arr .swiper-pagination-bullet-active{ background:#b81b22; border-radius:0.3rem; width:2rem;}
.arr .swiper-button-prev{ background:url(../images/left.png) no-repeat; background-size:100% 100%; width:3rem; height:3.1rem; overflow:hidden; position:absolute; top:0; left:0; z-index:20;}
.arr .swiper-button-next{ background:url(../images/right.png) no-repeat; background-size:100% 100%; width:3rem; height:3.1rem; overflow:hidden; position:absolute; top:0; right:0; z-index:20;}


.g-news{ margin:3rem 0 2rem;}
.g-news .tit em{ background:url(../images/dy_h.png) no-repeat center top; background-size:100% auto;}
.news_nav{ width:93.75%; margin:2rem auto 1rem; height:3rem; text-align:center; line-height:3rem; border:1px solid #e7e7e7; box-sizing:border-box; border-radius:2rem;}
.news_nav p{ width:50%; height:3rem;font-size:1.2rem;float:left; text-align:center; color:#666; line-height:3rem;}
.news_nav p.cur{background:#b81b22; color:#fff; border-radius:2rem 0 0 2rem;}
.news_nav p:last-child.cur{border-radius:0 2rem 2rem 0;}
.news_con{ width:93.75%; margin:0 auto;}
.news_con dl{ height:5rem; border:1px solid #ebebeb; box-sizing:border-box; margin-bottom:1.2rem;}
.news_con dt{ width:5rem; height:4.5rem; padding-top:0.5rem; background:#ebebeb; text-align:center; font:2.5rem Arial; color:#333; font-weight:bold;float:left;}
.news_con dt em{ display:block; font-size:0.7rem; font-weight:normal;}
.news_con dd{ width:74%; float:right; padding:0.5rem 2% 0 0;}
.news_con dd h3{ font-size:1.1rem; color:#333; line-height:2rem; height:2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_con dd p{ font-size:1rem; line-height:1.6rem; color:#888; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:1.8rem;}
.news_con h5{ height:3rem; background:#c30118; color:#fff; text-align:center; line-height:3rem; text-transform:uppercase; font-size:1.5rem; width:38.33%; margin:2rem auto; font-family:"Times New Roman", Times, serif;}

.g-about{ background:url(../images/about_bg.jpg) no-repeat; background-size:100% auto; padding:3rem 0 1rem;}
.g-about .tit,.g-about .tit em{ color:#fff;}
.g-about dl{ width:93.75%; margin:2rem auto 0; overflow:hidden;}
.g-about dt img{ display:block; width:100%; margin-bottom:1.6rem;}
.g-about dd{ font-size:1rem; line-height:1.6rem; color:#666;}
.g-about dd em{ display:block; height:3rem; background:#c30118; color:#fff; text-align:center; line-height:3rem; text-transform:uppercase; font-size:1.5rem; width:38.33%; margin:2rem auto; font-family:"Times New Roman", Times, serif;}

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