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

.g-pro{ padding:2.8rem 0;}
.tab1{margin-top:1rem;}
.tab1 a{ display:block; width:33.33%; float:left;margin:1.2rem 0; color:#333; font-size:0.95rem;}
.tab1 em{ display:block; width:11.73%; float:left; margin:0.1rem 3% 0 6%;}
.tab1 em img{ display:block; width:100%;}
.pro{padding:0.5rem 0;}
.pro ul{ width:96.875%; margin:0 auto;}
.pro li{ width:46.77%;}
.pro li img{ display:block; width:100%; border:1px solid #e6e6e6; box-sizing:border-box;} 
.pro li em{ display:block; text-align:center; height:3.1rem; line-height:3.1rem; overflow:hidden; font-size:1rem; color:#666;text-overflow:ellipsis;white-space:nowrap;}
.pro a:nth-child(2n-1) li{ float:left;}
.pro a:nth-child(2n) li{ float:right;}

.tit{ text-align:center; font-size:1.7rem; font-weight:bold; color:#333;}
.tit em{ display:block; font-size:0.96rem; font-weight:normal; background:url(../images/fen_line.png) no-repeat center center; background-size:100% 1px;}
.tit em i{ color:#eb3c00;}

.g-xitong{background:url(../images/xitong_bg.jpg) no-repeat center top; background-size:100% auto; padding:3rem 3%;}
.g-xitong .tit em{ background:url(../images/case_line.png) no-repeat center center; background-size:100% 1px;}
.xitong{  margin-top:1.5rem;}
.xitong li{ width:6.9rem; position:relative; margin-bottom:0.6rem;}
.xitong li img{ display:block; width:100%;}
.xitong li em{ display:block; width:100%; text-align:center; font-size:1rem; font-weight:bold; color:#fff; position:absolute; bottom:1.3rem;}

.g-cased{padding:2rem 0 0;}
.g-cased .tit em{ background:url(../images/case_line.png) no-repeat center center; background-size:100% 1px;}
.tab2{ height:0.25rem; text-align:center;}
.tab2 a{ display:inline-block;width:11.5%; height:0.25rem; background:#666; margin:0 1%;}
.tab2 .active{ background:#f42b1b;}
.case{ width:96.875%; margin:1.2rem auto 0; overflow:hidden;}
.case dt img{ display:block; width:100%;}
.case dd{ padding:1.5rem 0 0.8rem;}
.case dd h3{ font-size:1rem; font-weight:bold; color:#333;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.case dd p{ font-size:1rem; line-height:1.7rem; color:#666; margin-top:0.5rem;}
.case dd em{ display:block; font-size:1rem; width:23%; height:1.9rem; background:#f8f8f8; color:#f42a1c; border:1px solid #f42a1c; text-align:center; line-height:1.9rem; margin-top:0.9rem;}

.par{ margin:3rem 0 2rem;}
.par li{ width:30%; float:left; margin-left:2.3%; margin-bottom:0.8rem;}
.par li img{ display:block; width:100%; border:1px solid #c4c4c4; box-sizing:border-box;}

.ys{ background:#f2f2f2; padding:3rem 0; position:relative;}
.ys .tit em{ background:url(../images/case_line.png) no-repeat center center; background-size:100% 1px;}
.ys dl{ width:93.75%; margin:1rem auto 0;}
.ys dt img{ display:block; width:100%;}
.ys dd{ height:14rem;}
.ys dd h3{ font-size:1.1rem; color:#434545; height:6rem;}
.ys dd h3 i{ display:block; font:5.2rem Arial;color:#c7c7c7; float:left; font-weight:bold; margin-right:2%;}
.ys dd h3 em{ display:block; float:left; margin-top:1rem;}
.ys dd h3 b{ display:block; color:#f14536; font-weight:bold; font-size:1.5rem;}
.ys dd p{ font-size:1rem; line-height:1.6rem; padding-left:4%; position:relative; color:#434545;}
.ys dd p:before{ content:""; position:absolute; top:0.6rem; left:0; width:0.3rem; height:0.3rem; border-radius:0.3rem; border:1px solid #868686;}
.tab3{ margin-top:-0.7rem; text-align:center; z-index:2; position:relative;}
.tab3 a{ display:inline-block; font-size:0.9rem; color:#292929; text-align:center; margin:0 4%; padding-top:2rem; background:url(../images/ys_dot1.png) no-repeat center top; background-size:1.4rem 1.4rem;}
.tab3 a.active{background:url(../images/ys_dot2.png) no-repeat center top; background-size:1.4rem 1.4rem; color:#f14536; font-weight:bold;}

.g-about{padding:3rem 0 2.6rem;}
.g-about h2{ text-align:center; font-size:1.7rem; font-weight:bold; color:#333;}
.g-about h2 em{ display:block; font-size:1rem; font-weight:normal; background:url(../images/about_line.png) no-repeat center center; background-size:100% 1px;}
.g-about p{ width:93.75%; margin:1.8rem auto 0;}
.g-about p img{ display:block; width:100%;}
.g-about dl{ width:93.75%; margin:0 auto;}
.g-about dt{ text-align:center; font-size:0.9rem; font-weight:bold; color:#232323; line-height:3rem;} 
.g-about dd{ font-size:0.9rem; line-height:1.6rem; color:#666;}
.g-about li{ width:26.5625%; height:8.5rem; border:1px solid #ccc; box-sizing:border-box; float:left; margin:1rem 3.6% 0 3%; text-align:center; font-weight:bold; color:#333; font-size:0.9rem;}
.g-about a:nth-child li{ margin-right:0;}
.g-about li em{ display:block; width:41.176%; margin:1.5rem auto 0;}
.g-about li em img{ display:block; width:100%;}

.faq dl{ width:93.75%; margin:2rem auto 0;}
.faq dt{ width:48.33%; float:left;}
.faq dt img{ display:block; width:100%;}
.faq dd{ width:49%; float:right;}
.faq dd h3{ font-size:0.8rem; font-weight:bold; line-height:1.5rem; height:1.5rem; overflow:hidden; color:#333;text-overflow:ellipsis;white-space:nowrap;}
.faq dd h3 em{ display:block; float:left; width:4rem; height:1.5rem; color:#fff; background:#f53c2d; text-align:center; line-height:1.5rem; font-weight:normal; margin-right:2%;}
.faq dd p{ font-size:0.9rem; line-height:1.6rem; color:#606060;}
.faq dd span{display:block; font-size:1rem; width:45%; height:1.9rem;color:#f42a1c; border:1px solid #f42a1c; text-align:center; line-height:1.9rem; margin-top:0.3rem;}

.news_nav{ width:93.75%; margin:1.5rem auto 0.9rem; height:3rem;overflow:hidden; position:relative; border-bottom:1px solid #d4d4d4;}
.news_nav p{ padding-right:8%; height:3rem;font-size:1rem;float:left; text-align:center; color:#333; line-height:3rem;}
.news_nav p.cur{ color:#f53c2d; font-weight:bold;}
.news_nav a{display:block; position:absolute; top:1.5rem; right:0; font-size:0.6rem; color:#333; text-transform:uppercase;z-index:2;}
.news_con ul{ width:93.75%; margin:0 auto;}
.news_con li{ font-size:1rem; line-height:2rem; color:#666; padding-left:3%; border-bottom:1px dashed #e0e0e0; position:relative;}
.news_con li:before{ content:""; position:absolute; top:0.8rem; left:0; width:0.35rem; height:0.35rem; border-radius:0.35rem; background:#c6c6c6;}

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