/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#288293; opacity:1; width:0.9rem; height:0.9rem;}
.ban .swiper-pagination-bullet-active{ background:#008bde; width:2rem; border-radius:0.3rem;}

.tit{ text-align:center; font-weight:bold; font-size:2.2rem; color:#008bde; background:url(../images/pro_h.png) no-repeat center 1.6rem; background-size:100% 2.7rem;}
.tit em{ display:block; font-size:1.2rem; color:#333; padding-top:0.5rem; font-weight:normal;}

.g-pro{ padding:2.2rem 0;}
.g-pro .tit{ margin:0 0 2.2rem 0;}
.g-pro p{ width:93.75%; margin:0 auto;}
.g-pro p a{ display:block; width:31.66%; height:2.5rem; text-align:center; border:1px solid #ccc; box-sizing:border-box; font-size:1.2rem; background:#f2f2f2; line-height:2.5rem; font-size:1.1rem; color:#333; margin:0 2.5% 0.4rem 0; float:left;}
.g-pro p a:hover{ background:#0093dd; color:#fff; font-weight:bold; border:1px solid #0093dd; box-sizing:border-box;}
.g-pro p a:nth-child(3n){ margin-right:0;}
.g-pro ul{width:93.75%; margin:1rem auto 0;}
.g-pro li{width:48.33%; margin-bottom:1rem; border:1px solid #ececec; box-sizing:border-box;}
.g-pro li img{ display:block; width:100%; background:#fff;}
.g-pro li em{ display:block; height:2.4rem; text-align:center;font-size:1.2rem; color:#333; overflow:hidden; background:#ececec; line-height:2.4rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-transform:uppercase;}
.g-pro a:nth-child(2n) li{ float:right;}
.g-pro a:nth-child(2n-1) li{ float:left;}

.zhuan{ position:relative;}
.zhuan .tit{ width:100%; position:absolute; top:1.7rem; background:url(../images/zhuanz_h.png) no-repeat center 1.6rem; background-size:100% 2.7rem;}
.zhuan h2 img{ display:block; width:100%;}
.zhuan3 dl{ width:93.75%; padding:0 3.125% 1.8rem; margin:1rem auto; background:url(../images/zhuanz_line.gif) no-repeat center bottom; background-size:100% 0.65rem;}
.zhuan3 dt{ width:37%; float:left;}
.zhuan3 dt img{ display:block; width:100%;}
.zhuan3 dd{ width:58%; float:right;}
.zhuan3 dd h3{ font-size:1.5rem; font-weight:bold; color:#019ada;}
.zhuan3 dd p{ font-size:1.2rem; line-height:1.7rem; color:#666;}
.zhun{ text-align:center; font-size:1.5rem; font-family: Arial; color:#7f7f7f; position:relative;}
.zhun a{ display:inline-block; color:#7f7f7f; padding:0 3%; font-weight:bold;}
.zhun a.active{ color:#019ada;}
.zhun:before{ content:""; position:absolute; top:0.2rem; left:26%; width:1.2rem; height:1.6rem; background:url(../images/zhuanz_left.png) no-repeat; background-size:1.2rem 1.6rem;}
.zhun:after{ content:""; position:absolute; top:0.2rem; right:26%; width:1.2rem; height:1.6rem; background:url(../images/zhuanz_right.png) no-repeat; background-size:1.2rem 1.6rem;}

.ys{ margin:2.5rem 0;}
.ys .tit{ background:url(../images/ys_h.png) no-repeat center 1.6rem; background-size:100% 2.7rem;}
.tabys{ height:4rem; background:#c5c5c5; overflow:hidden; text-align:center; margin-top:1.5rem;}
.tabys a{ display:block; width:33.33%; height:4rem;font-size:1.5rem; color:#111; line-height:4rem; float:left;}
.tabys a.active{ background:#0093dd; color:#fff; font-weight:bold;}
.ys dl{ background:#eee; padding-bottom:1.5rem;}
.ys dt img{display:block; width:100%;}
.ys dd{ padding:1rem 2%;}
.ys dd h3{ font-size:1.6rem; font-weight:bold; color:#063057; margin-bottom:1rem; padding-left:3%;}
.ys dd h3 em{ display:block; font-size:0.7rem; color:#5484a1; font-weight:normal;}
.ys dd p{ font-size:1rem; line-height:2.4rem; color:#333; position:relative; padding-left:4%;}
.ys dd p:before{ content:""; position:absolute; top:0.7rem; left:0; width:1rem; height:1rem; background:#00a0e9; border-radius:1rem;}

.wit{ margin:2.5rem 0; position:relative;}
.wit .tit{ background:url(../images/wit_bg.png)no-repeat center 1.6rem; background-size:100% 2.7rem;}
.wit dl{ width:77.96875%; margin:1rem auto 0; background:#f3f3f3;}
.wit dt img{ display:block; width:100%;}
.wit dd{ padding:0 3%; border:1px solid #959595; box-sizing:border-box;}
.wit dd h3{ font-size:1.4rem; color:#000; line-height:3rem; height:3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center;} 
.wit dd p{ font-size:1.2rem; line-height:1.8rem; color:#3c3c3c; padding:0.5rem 0 1rem;}
.wit h5{width:77.96875%; margin:1rem auto 0; height:3rem; overflow:hidden;}
.wit h5 a:nth-child(2n-1){ float:left;display:inline-block; width:60%; height:3rem; background:#868686; text-align:center; line-height:3rem; font-size:1.3rem; color:#fff;}
.wit h5 a:nth-child(2n){ float:right;display:inline-block; width:36%; height:3rem; background:#007bc4; text-align:center; line-height:3rem; font-size:1.3rem; color:#fff;}
.wit .swiper-button-next{ width:1.65rem; height:3.25rem; background:url(../images/wit_right.png) no-repeat; background-size:1.65rem; height:3.25rem; overflow:hidden; position:absolute; top:18rem; right:3%; z-index:2;}
.wit .swiper-button-prev{width:1.65rem; height:3.25rem; background:url(../images/wit_left.png) no-repeat; background-size:1.65rem; height:3.25rem; overflow:hidden; position:absolute; top:18rem; left:3%; z-index:2;}

.about{ background:url(../images/about_bg.jpg) no-repeat center top; background-size:100% auto; padding:2.5rem 0;}
.about .tit{ background:none;}
.about2{ position:relative; padding-bottom:3rem;}
.about2 img{ display:block; width:100%; margin-top:1.6rem;}
.about2 .swiper-pagination-bullet{ background:#636363; opacity:1; width:3.5rem; height:0.3rem; border-radius:0;}
.about2 .swiper-pagination-bullet-active{ background:#007bc4;}
.about dl{ width:92.1875%; margin:0 auto;}
.about dt{ font-size:1.5rem; font-weight:bold; color:#2f2f2f; text-align:center;}
.about dt em{ display:block; font-size:1rem; color:#a9a9a9; font-weight:normal;}
.about dd{ font-size:1.2rem; line-height:1.9rem; color:#666; padding-top:0.5rem;}
.about dd em{ font-weight:bold; color:#0093dd;}

.tab03{ height:3rem; background:#c5c5c5; margin-bottom:1.2rem;}
.tab03 a{ display:block; font-size:1.6rem; color:#111; width:33.33%; float:left; height:3rem; text-align:center; line-height:3rem; border-right:1px solid #dcdcdc; box-sizing:border-box;}
.tab03 .active{ font-weight:bold; color:#fff; background:#0093dd;}
.sheb2{width:100%; overflow:hidden;padding-bottom:4rem; position:relative;}
.sheb2 ul{ width:89.84375%; margin:0 auto; overflow:hidden;}
.sheb2 li{ width:48.69%; position:relative;}
.sheb2 li img{ display:block; width:100%;}
.sheb2 li p{ display:block; width:100%; text-align:center; line-height:2.8rem; height:2.8rem; font-size:1.2rem; color:#111; background:#dfdfdf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sheb2 a:nth-child(2n-1) li{ float:left;}
.sheb2 a:nth-child(2n) li{ float:right;}
.sheb2 .swiper-button-next{ width:1.65rem; height:3.25rem; background:url(../images/wit_right.png) no-repeat; background-size:1.65rem; height:3.25rem; overflow:hidden; position:absolute; top:5rem; right:0; z-index:2;}
.sheb2 .swiper-button-prev{width:1.65rem; height:3.25rem; background:url(../images/wit_left.png) no-repeat; background-size:1.65rem; height:3.25rem; overflow:hidden; position:absolute; top:5rem; left:0; z-index:2;}

.tabnew{ height:3rem; overflow:hidden;}
.tabnew a{ display:inline-block; width:26.5625%; height:2.6rem; border:2px solid #0093dd; box-sizing:border-box; margin-left:5%; text-align:center; font-size:1.2rem; color:#0093dd; line-height:2.4rem;}
.tabnew a.active{ background:#0093dd; color:#fff;}
.new2{ width:93.75%; margin:1rem auto;}
.new2 li{ font-size:1.2rem; line-height:2.2rem; height:2.2rem; color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-left:5%; background:url(../images/dy_jt.png) no-repeat 2% 0.9rem; background-size:0.3rem 0.5rem;}
.new2 li em{ float:right;}
.new2 li span{ display:inline-block; width:76%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

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