/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1; width:1.2rem; height:1.2rem;}
.ban .swiper-pagination-bullet-active{ background:#0069d4;}

.g-yinz .tit{padding-top:4.5rem;}
.tit{ text-align:center; font-weight:bold; color:#333; font-size:2rem; }
.tit em{ display:block; font-size:1.2rem; text-transform:uppercase; padding-top:0.2rem; font-weight:normal;}
.g-yinz h3{ width:90.78125%; margin:2.5rem auto 0;}
.g-yinz h3 img{ display:block; width:100%;}
.g-yinz p{ width:90.78125%; margin:0 auto; padding:1.5rem 0; font-size:1.2rem; color:#333; line-height:2.4rem; border-bottom:1px solid #d9d9d9;}
.g-yinz li{ width:25%; float:left; margin:1.7rem 0; text-align:center; font-size:1.2rem; color:#333;}
.g-yinz li em{ display:block; width:31.25%; margin:0 auto 0.3rem;}
.g-yinz li em img{ display:block; width:100%;}

.g-pro{ background:#efefef; padding:4rem 0;}
.g-pro p{ width:90.78125%; margin:2.3rem auto 0;}
.g-pro p a{ display:block; width:48%; height:3.15rem; text-align:center; background:#fff; font-size:1.2rem; color:#333; line-height:3.15rem; margin-bottom:1rem;}
.g-pro p a:hover{ background:#0069d4; color:#fff;}
.g-pro p a:nth-child(2n){ float:right;}
.g-pro p a:nth-child(2n-1){ float:left;}
.g-pro ul{width:90.78125%; margin:1rem auto 0;}
.g-pro li{width:48%; margin-bottom:1rem;}
.g-pro li img{ display:block; width:100%; background:#fff;}
.g-pro li em{ display:block; height:3.2rem; text-align:center; border-top:1px solid #f4f4f4; font-size:1.1rem; color:#777; overflow:hidden; background:#fff; line-height:3.2rem;}
.g-pro a:nth-child(2n) li{ float:left;}
.g-pro a:nth-child(2n-1) li{ float:right;}

.guan1 img{ display:block; width:100%;}

.ys{ padding:4rem 0;}
.ys2{ width:90.78125%; margin:2.3rem auto 0; overflow:hidden;}
.ys2 dt{ position:relative; padding-top:1rem;}
.ys2 dt img{ display:block; width:100%;}
.ys2 dt em{ display:block; width:5rem; height:6.1rem; position:absolute; top:-1rem; left:5%; background:#0069d4; font-size:3.6rem; font-family: Arial; text-align:center; line-height:6.1rem; color:#fff;}
.ys2 dd{ height:5.5rem; border-bottom:2px solid #d9d9d9; line-height:5.5rem; font-size:1.5rem; color:#333; overflow:hidden;}
.tabs{ height:3rem; margin:3rem 0 0 0; text-align:center;}
.tabs a{ display:inline-block; width:3rem; height:3rem; border-radius:3rem; background:#b8b7b9; margin:0 3%; font-size:1.5rem; font-family: Arial; line-height:3rem; color:#fff;}
.tabs .active{ background:#0069d4;}

.case{ background:#efefef; padding:4rem 0;}
.case2{ width:90.78125%; margin:2.3rem auto 0; overflow:hidden;}
.case2 dt{ position:relative; padding-top:1rem;}
.case2 dt img{ display:block; width:100%;}
.case2 dt em{ display:block; width:5rem; height:6rem; background:url(../images/case01.gif); background-size:100% auto; position:absolute; top:-0.8rem; left:4%;}
.case2 .swiper-slide:nth-child(2) dt em{background:url(../images/case02.gif); background-size:100% auto;}
.case2 .swiper-slide:nth-child(3) dt em{background:url(../images/case03.gif); background-size:100% auto;}
.case2 .swiper-slide:nth-child(4) dt em{background:url(../images/case04.gif); background-size:100% auto;}
.case2 .swiper-slide:nth-child(5) dt em{background:url(../images/case05.gif); background-size:100% auto;}
.case2 .swiper-slide:nth-child(6) dt em{background:url(../images/case06.gif); background-size:100% auto;}
.case2 dd{ background:#fff; padding:1rem 4% 3rem;}
.case2 dd h3{ font-size:1.3rem; font-weight:bold; line-height:2.3rem; font-weight:bold; height:2.3rem; overflow:hidden; position:relative; padding-bottom:0.6rem; color:#333;}
.case2 dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:3rem; height:2px; background:#0069d4;}
.case2 dd p{ font-size:1.2rem; line-height:1.8rem; padding-top:1rem; color:#777;}
.tabs2{ height:3rem; margin:3rem 0 0 0; text-align:center;}
.tabs2 a{ display:inline-block; width:3rem; height:3rem; border-radius:3rem; background:#b8b7b9; margin:0 2.5%; font-size:1.5rem; font-family: Arial; line-height:3rem; color:#fff;}
.tabs2 .active2{ background:#0069d4;}

.dy{ margin:4rem 0;}
.dyt{ height:4rem; margin-top:2rem; text-align:center;}
.dyt a{ display:inline-block; margin:0 5%; font-size:1.5rem; color:#333;}
.dyt .active3{ border-bottom:2px solid #0069d4;}
.dy2{ width:90.78125%; margin:0 auto; overflow:hidden;}
.dy2 h2 img{ display:block; width:100%;}
.dy2 dl{ padding:1rem 0; border-bottom:1px solid #d6d6d6;}
.dy2 dt{ font-size:1.2rem; font-weight:bold; line-height:3rem; height:3rem; overflow:hidden; color:#333;}
.dy2 dt em{ float:right; color:#96999e;}
.dy2 dd{ font-size:1.2rem; color:#333; line-height:2rem; height:2rem; overflow:hidden;}
.dy2 .dy4 dt{ background:url(../images/q.png) no-repeat left 0.9rem; background-size:1.3rem 1.3rem; padding-left:8%;}
.dy2 .dy4 dd{background:url(../images/a.png) no-repeat left 0.3rem; background-size:1.3rem 1.3rem; padding-left:8%; height:4rem; overflow:hidden;}

.about{ width:90.78125%; margin:3.5rem auto;}
.about h2 img{ display:block; width:100%; margin-top:2.4rem;}
.about p{ line-height:2.15rem; color:#333; font-size:1.2rem; padding-top:1rem;}
.about h4{ height:3.5rem;border-radius:2.5rem;background:#0069d4; text-align:center; font-size:1.5rem; color:#fff; line-height:3.5rem; margin-top:1.2rem;}

/*寮€灞忕*/
.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;}}