/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:1rem;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1; margin:0 1%; width:0.5rem; height:0.5rem; border-radius:0.5rem;}
.ban .swiper-pagination-bullet-active{ background:#dc2821; width:1.3rem;}

.g-coop{ position:relative; padding:3.4rem 0; margin-bottom:2rem;}
.g-coop li{ width:29.21875%; float:left; border:1px solid #dfdfdf; box-sizing:border-box; float:left; margin:1.7rem 0 0 3.125%;}
.g-coop li img{display:block; width:100%;}
.g-coop .swiper-pagination{ bottom:1rem;}
.g-coop .swiper-pagination-bullet{ background:#252525; opacity:1; margin:0 1%; width:0.5rem; height:0.5rem; border-radius:0.5rem;}
.g-coop .swiper-pagination-bullet-active{background:#dc2821; width:1.3rem;}

.tit{ text-align:center;color:#333; font-size:2.4rem; font-weight:bold; text-transform:uppercase;}

.g-yinz{ background:url(../images/yinz_bg.jpg) no-repeat center top; background-size:100% 100%;padding:3rem 0;}
.g-yinz .tit{ color:#fff;}
.g-yinz ul{ width:93.75%; margin:1.3rem auto 0;}
.g-yinz li{ width:50%; float:left; text-align:center; font-size:1.6rem; color:#fff; border-right:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box; height:7.6rem; padding-top:1rem;}
.g-yinz li em{ display:block; width:18%; margin:0 auto;}
.g-yinz li em img{ display:block; width:100%;}
.g-yinz li i{ display:block; font-size:1.32rem; line-height:2rem; background:url(../images/lx.png) no-repeat 18% center; background-size:1.5rem 1.5rem; margin-top:0.6rem;}
.g-yinz li:nth-child(2n){ border-right:0;}
.g-yinz li:nth-child(5),.g-yinz li:nth-child(6){ border-bottom:0;}
.g-yinz li a{ color:#fff;}

.g-fang{ background:url(../images/fang_bg.jpg) no-repeat center bottom; background-size:100% 100%; padding:3.2rem 0;}
.g-fang p{ text-align:center; margin:2rem 0 1rem;}
.g-fang p a{ display:inline-block; width:29.6875%; height:3.7rem; text-align:left; background:#fff; border:1px solid #ccc; margin:0 0.6% 0.5rem; font-size:1.2rem; line-height:3.7rem; color:#333;}
.g-fang p span{display:block; width:1.6rem; height:1.5rem; float:left; margin:1.1rem 3% 0 10%; overflow:hidden;}
.g-fang p em,.g-fang p i,.g-fang p img{ display:block; width:100%;}
.g-fang p .active{ background:#dc2821; color:#fff;}
.g-fang p .active em{ display:none;}
.g-fang dt img{ display:block; width:100%;}
.g-fang dt em{ display:block; width:93.75%; margin:-2rem auto 0; position:relative; z-index:1; background:#dc2821; color:#fff; text-align:center; line-height:4rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:1.5rem;}
.g-fang dd{ width:93.75%; margin:2.8rem auto 0;}
.g-fang dd span{ display:block; float:left; width:23.5%; margin-right:1.6%; height:6rem; border:1px solid #cdcdcd; box-sizing:border-box; background:#fff; text-align:center; font-size:0.96rem; color:#333;}
.g-fang dd span em{ display:block; width:40%; margin:0 auto; padding-top:0.9rem;}
.g-fang dd span em img{ display:block; width:100%;}
.g-fang dd span:last-child{ margin-right:0;}


.g-pro{ padding:2.5rem 0 2rem;}
.g-pro p{ margin:1.6rem auto 0; width:93.75%;}
.g-pro p a{ display:block; width:48.33%; height:3.8rem; line-height:3.8rem; text-align:center; background:#dc2821;background-size:100% 100%; color:#fff; font-size:1.2rem; text-transform:uppercase; margin-bottom:1rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-pro p a:nth-child(2n-1){ float:left;}
.g-pro p a:nth-child(2n){ float:right;}
.g-pro ul{ width:93.75%; margin:0 auto;}
.g-pro li{ width:48.33%; margin-top:1rem; position:relative; border:1px solid #ebebeb; box-sizing:border-box;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{ display:block; text-align:center; font-size:1.1rem; line-height:2.4rem; height:2.4rem; overflow:hidden; color:#666; position:absolute; bottom:0; width:100%;text-overflow:ellipsis;white-space:nowrap;}
.g-pro a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li{ float:right;}

.g-ys{ position:relative; background:url(../images/yinz_bg.jpg) no-repeat center top; background-size:100% 100%; padding:3.5rem 0 5rem;}
.g-ys .tit{ color:#fff;}
.m-ys{ width:93.75%; margin:1.5rem auto 0; overflow:hidden;}
.m-ys dt img{ display:block; width:100%;}
.m-ys dd h3{ font-size:2.14rem; font-weight:bold; color:#dc2821; padding-top:1.8rem;}
.m-ys dd h3 em{ display:block; font-size:1.5rem; color:rgba(255,255,255,0.8);}
.m-ys dd p{ font-size:1rem;color:rgba(255,255,255,0.8); margin-top:0.5rem; padding-left:4%; line-height:1.6rem; position:relative;}
.m-ys dd p:before{ content:""; position:absolute; top:0.54rem; left:0; width:0.5rem; height:0.5rem; border-radius:0.5rem; background:#dc2821;}
.g-ys .swiper-pagination{ bottom:2.3rem;width:100%;}
.g-ys .swiper-pagination-bullet{ background:#fff; opacity:1; margin:0 3%; width:0.5rem; height:0.5rem; border-radius:0.5rem;}
.g-ys .swiper-pagination-bullet-active{ background:#dc2821; width:1.3rem;}

.g-case{ margin-top:3.5rem;}
.m-case{ background:url(../images/choo_bg.jpg) no-repeat center top; background-size:100% 100%; padding:1.9rem 0 4rem; margin-top:1.9rem;}
.g-case p{ height:7rem; position:relative;}
.g-case p a{ display:block; width:33.33%; float:left; height:3.5rem; line-height:3.5rem; font-size:1.2rem; color:#fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative;}
.g-case p:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:2px; background:rgba(255,255,255,0.2);}
.g-case p a:before{content:""; position:absolute; top:1.6rem; left:8%; width:0.2rem; height:0.2rem; border-radius:0.2rem; background:#fff;}
.g-case p em{ display:block; width:1.8rem; height:1.8rem; float:left; margin:0.8rem 2% 0 13%;}
.g-case p em img{ display:block; width:100%;}
.g-case h5{ width:93.75%; margin:0 auto; position:relative;}
.g-case h5 img{ display:block; width:100%;}
.g-case h5 em{ display:block; width:100%; height:3.2rem; position:absolute; bottom:0; color:#fff; text-align:center; font-size:1.3rem; line-height:3.2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:rgba(220,40,33,0.8);}

.g-new{ padding:3.2rem 0; background:url(../images/new_bg.gif); background-size:1.3rem 1.3rem;}
.tab02{ height:3.2rem; margin:1.5rem 0 1.1rem; border-top:1px solid #ccc; text-align:center;}
.tab02 a{ display:inline-block;  font-size:1.5rem; line-height:3.2rem; color:#333; margin:0 3.5%;text-transform:uppercase;}
.tab02 .active{ border-top:2px solid #dc2821; box-sizing:border-box; color:#dc2821;}
.m-new{ width:93.75%; margin:0 auto; overflow:hidden;}
.m-new dl{ padding-bottom:1.2rem;}
.m-new dt{ width:45.66%; float:left;}
.m-new dt img{ display:block; width:100%;}
.m-new dd{ width:50%; float:right;}
.m-new dd h3{ font-size:1.5rem; color:#333; padding-bottom:0.5rem; position:relative; font-weight:bold;}
.m-new dd h3:before{ content:""; position:absolute; bottom:0; width:5rem; height:2px; background:#dc2821;}
.m-new dd p{ font-size:1rem; line-height:1.5rem; color:#626161; margin-top:0.5rem;}
.m-new li{ border-top:2px solid #e5e5e5; padding:1.3rem 0; font-size:1.3rem; color:#333; line-height:1.7rem; background:url(../images/new_arr.png) no-repeat right 1.4rem; background-size:0.45rem 0.7rem; font-weight:bold;}
.m-new li em{ display:block; font-weight:normal; font-size:1rem; color:#626161;}

.g-about{ padding:4rem 0; background:#f5f5f5 url(../images/about_bg.jpg) no-repeat center top; background-size:100% auto;}
.g-about .tit img{ display:block; width:100%;}
.g-about dl{ width:93.75%; margin:1.2rem auto 0;}
.g-about dt img{ display:block; width:100%;}
.g-about dd p{ font-size:1.1rem; line-height:1.8rem; color:#666666; text-align:center; margin-top:1.6rem;}
.g-about dd em{ display:block; width:35.83%; height:3.75rem; background:#dc2821; border-radius:2rem; color:#fff; font-size:1.1rem; text-align:center; line-height:3.75rem; margin:1.8em auto 0;}


/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0;display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #dc2821; background:#dc2821; 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; }
@-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;}}