﻿
.wrap img{width:100%;}

.ban{ position:relative;}
.ban img{ display:block;}
.ban .swiper-pagination{ bottom:2rem;}
.ban .swiper-pagination-bullet{ background:#222; opacity:1; margin:0 2%;}
.ban .swiper-pagination-bullet-active{ background:#118cd0; width:2.2rem; border-radius:0.5rem;}

.tit1{ font-weight:bold; text-align:center; color:#3c3c3c; font-size:2rem; padding:3rem 0 1rem;}

.g-fen{ margin:1rem 0;}
.g-fen li{ width:33.33%; float:left; border-right:0.1rem solid #fff; box-sizing:border-box; position:relative;}
.g-fen li img{ display:block; width:100%;} 
.g-fen li span{ display:block; font-size:1.1rem; width:90%; font-weight:bold; color:#cb4c4c; position:absolute; top:1rem; left:5%;}
.g-fen li span em{ display:block; width:42%; height:1.5rem; border-radius:2rem; line-height:1.5rem; background:#cb4c4c url(/images/fel_ico01.png) no-repeat 80% center; background-size:1.15rem 1.15rem; font-size:1.1rem; text-transform:uppercase; color:#fff; padding-left:5%; font-weight:normal; margin-top:0.5rem;}
.g-fen a:nth-child(2) li span{ color:#118cd0;}
.g-fen a:nth-child(2) li span em{background:#118cd0 url(/images/fel_ico01.png) no-repeat 80% center; background-size:1.15rem 1.15rem; }
.g-fen a:nth-child(3) li span{ color:#906ecf;}
.g-fen a:nth-child(3) li span em{background:#906ecf url(/images/fel_ico01.png) no-repeat 80% center; background-size:1.15rem 1.15rem; }

.g-lc h2{ text-align:center; font-size:1.5rem; color:#333;}
.g-lc h2 em{ display:block; font-size:1rem; text-transform:uppercase; color:#8a8a8a;}
.g-lc li{ width:27.34375%; height:7rem; padding-top:1.5rem; background:#fff; box-shadow:0.1rem 0.1rem 0.3rem 0.1rem #999; float:left; margin:1rem 0 0 4.8%; text-align:center; font-size:1.1rem; color:#3c3c3c;}
.g-lc li em{ display:block; width:45.71%; margin:0 auto 0.3rem;}
.g-lc li em img{ display:block; width:100%;}

.g-solve h3{ text-align:center; text-transform:uppercase; font-size:1.5rem; color:#3c3c3c; margin:2.5rem 0 1.3rem;}
.g-solve ul{border-bottom:1px solid #dedede;}
.g-solve li{ width:50%; float:left; text-align:center; font-size:1.2rem; color:#3c3c3c; border-top:1px solid #dedede; border-right:1px solid #dedede; box-sizing:border-box; padding-bottom:1rem; white-space:normal;}
.g-solve li em{ display:block; width:84.375%; margin:0 auto; padding:0.5rem 0;}
.g-solve li em img{ display:block; width:100%;}
.g-solve li span{ display:block; font-size:1rem; color:#7b7b7b;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.g-solve a:nth-child(2n) li{ border-right:0;}
.g-solve p{ width:93.75%; margin:0 auto; padding:1rem 0; border:1px solid #dedede; box-sizing:border-box;}
.g-solve p a{ display:block; width:25.33%; float:left; font-size:1rem; line-height:2.4rem; color:#3c3c3c;text-overflow:ellipsis;white-space:nowrap; overflow:hidden; padding-left:8%; position:relative;}
.g-solve p a:before{ content:""; position:absolute; top:1rem; left:8%; width:0.5rem; height:0.5rem; background:#3c3c3c;}

/**/
.xz dl{ width: 93.75%; margin:0 auto; border:1px solid #e1e1e1; box-sizing:border-box;}
.xz dt img{display:block; width:100%;}
.xz dd{width:100%; margin:0 auto;height: 8.8rem; position: relative; }
.xz dd h3{overflow:hidden;height:3.1rem; font-size: 1.4rem; color: #343434; font-weight: normal;}
.xz dd span{ float: left; display: inline-block; font-size:1.4rem; color:#343434;font-weight:normal; line-height: 3.1rem;padding-left: 6.4rem; }
.xz dd em{width:4rem; height:4rem; font-size:2rem; font-family: Arial;float: left; position: absolute;top:-2rem; left:1rem; background:#118cd0; text-align:center; line-height:4rem; color:#fff;}
.xz dd p{ font-size:1rem; line-height:1.4rem; color:#6d6d6d;padding:0 2%;text-align: justify;}
.xz .swiper-pagination,.g-about .swiper-pagination{ width:100%; margin-top:2rem;}
.xz .swiper-pagination-bullet,.g-about .swiper-pagination-bullet{ background:#999; opacity:1; width:0.8rem; height:0.8rem; margin:0 2%;}
.xz .swiper-pagination-bullet-active,.g-about .swiper-pagination-bullet-active{ background:#118cd0;width:2.8rem;border-radius:1rem; }

.g-zhil{ background:#f5f5f5; padding:1.8rem 0; margin:5rem 0 0 0;}
.g-zhil h2{ text-align:center; font-size:1.5rem; color:#434343; padding-bottom:1rem;}
.g-zhil li{ width:33.333%; float:left; text-align:center; font-size:1rem; color:#434343; padding-bottom:1.2rem;}
.g-zhil li em{ display:block; width:75%; margin:0 auto;}
.g-zhil li em img{ display:block; width:100%;}
.g-zhil li:nth-child(4){ clear:both;}

.g-about2 dl{ width:93.75%; margin:0 auto; background:#f4f4f4; padding-bottom:1rem;}
.g-about2 dt img{ display:block; width:100%;}
.g-about2 dd{ padding:1rem 4% 0 4%;}
.g-about2 dd h3{ font-size:1.3rem; font-weight:bold; color:#3c3c3c;}
.g-about2 dd p{ font-size:1rem; color:#898989; padding-top:0.2rem;}

/*新闻*/
.g_zx_bj{ position: relative;  background:#f3f3f3; margin:5rem 0 0 0; padding-bottom:2rem;}

.g_zx{width: 93.75%;margin:0 auto;overflow: hidden;}
.g_zx .swiper-slide{width: 100%;}
.g_zx .newtit{position: relative; background:#343434;height: 3.4rem;width: 100%;  overflow: hidden; }
.g_zx .newtit a{display: block; position: relative; float: left; width: 28.333%;  height: 3.4rem;line-height: 3.4rem;font-weight: normal; font-size: 1.3rem;color: #fff;text-align: center; border-right:1px solid #fff; box-sizing:border-box;}
.g_zx .newtit a:last-child{ border:0; width:43.333%;}
.g_zx .newtit a.active{background:#118cd0;}

.js-swiper-tab-news{width: 100%; overflow:hidden;margin:1.35rem auto 0;}
.xwbj dl{height: 5.5rem;border:1px solid #ebebeb; background-color: #fff; margin-bottom: 1rem;}
.xwbj dl dt{border-right:1px solid #ebebeb;width: 15%;float: left;height:4rem; font-size: 0.9rem; color: #777777; text-align: center; margin-top: 0.9rem;}
.xwbj dl dt em{ font-weight:  bold;font-size:2rem;color: #333333; display: block; font-family: "Arial"}
.xwbj dl dd{width: 84.3%;float: left;height: 5.3rem;padding-left: 1.35rem; padding-top: 0.5rem; box-sizing: border-box;}
.xwbj dl dd h3{color: #333333;font-weight: bold;font-size: 1rem;height: 2rem; line-height: 2rem;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
.xwbj dl dd h3 a {color:#333333; }
.xwbj dl dd p{font-size: 1rem; color: #888888;line-height:1.2rem; }
.xwbj dl dd p a{ color: #0078cb; }

.g-faq{ width:93.75%; margin:0 auto; border:1px solid #ececec; background:#fff;}
.g-faq h2{ width:5%; line-height:1.3rem; padding:0.5rem 3%; font-size:1.2rem; font-weight:bold; color:#fff; background:#118cd0; float:left; position:relative;}
.g-faq h2:before{ content:""; position:absolute; right:-0.5rem; top:42%; width:0; height:0; border-left:0.5rem solid #118cd0; border-top:0.5rem solid rgba(0,0,0,0);border-bottom:0.5rem solid rgba(0,0,0,0);}
.g-faq ul{ width:79%; float:right; margin-top:1.1rem; padding-right:3%;}
.g-faq li{ font-size:1rem; line-height:1.8rem; color:#565458; padding-left:4%; position:relative;}
.g-faq li:before{ content:""; position:absolute; top:0.8rem; left:0; width:0.15rem; height:0.15rem; background:#8e8e8e;}

.g-chas{ width:93.75%; margin:1.2rem auto 2em;border-top:1px solid #ececec;border-left:1px solid #ececec; box-sizing:border-box;}
.g-chas dl{ width:50%; float:left; padding:1rem 0;border-right:1px solid #ececec;border-bottom:1px solid #ececec; box-sizing:border-box;}
.g-chas dt{ width:23.75%; float:left; padding-left:5%;}
.g-chas dt img{ display:block; width:100%;}
.g-chas dd{ width:59.375%; float:right; padding-right:5%;}
.g-chas dd{ font-size:1.1rem; color:#333;}
.g-chas dd em{ display:block; font-size:0.7rem; color:#979797;}


/*开屏秀*/
.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:#000; border:0.05rem solid #000; 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;
}

