
/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1;}
.ban .swiper-pagination-bullet-active{background: #015cb5;width:1.5rem; border-radius:1rem;}

.g-yinz{ background:url(../images/yinz_bg.jpg) no-repeat center top; background-size:100% auto; padding:2.4rem 0;}
.g-yinz h3{ width:93.75%; margin:1.8rem auto 0;}
.g-yinz h3 img{ display:block; width:100%;}
.g-yinz ul{ width:93.75%; margin:0 auto;}
.g-yinz li{ width:33.33%; float:left; margin:1.2rem 0 0 0; text-align:center; font-size:2.3rem; font-weight:bold; color:#333; border-right:1px solid #ccc; box-sizing:border-box;}
.g-yinz li:nth-child(3n){ border:0;}
.g-yinz li em{ font-size:0.9rem; font-weight:normal;}
.g-yinz li i{ display:block; font-size:0.8rem; font-weight:normal;}
.g-yinz li span{ display:block; width:77.9%; height:2.35rem; margin:0.8rem auto 0; font-size:1rem; line-height:2.35rem; background:url(../images/yinz_btn.jpg) no-repeat; background-size:100% 100%; font-weight:normal; color:#fff;}

.g-coop{ margin:2.5rem 0;}
.g-coop li{ width:33.33%; float:left; border-right:1px solid #e3e3e3; box-sizing:border-box; border-bottom:1px solid #e3e3e3; box-sizing:border-box;}
.g-coop li img{ display:block; width:100%;}
.g-coop ul{ width:93.75%; margin:1.8rem auto 0; border:1px solid #e5e5e5; border-bottom:0; border-right:0;}

.g-pro{ background:url(../images/pro_bg.jpg) no-repeat center top; background-size:100% auto; padding:2.2rem 0; position:relative;}
.g-pro ul{ width:93.75%; margin:1rem auto 0;}
.g-pro li{ width:47%;}
.g-pro li img{ display:block; width:100%; border:1px solid #ebebeb; box-sizing:border-box;}
.g-pro li em{ display:block; text-align:center; height:3rem; line-height:3rem; font-size:1rem; color:#3e3e3e; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-pro a:nth-child(2n-1) li{ float:left;clear: both;}
.g-pro a:nth-child(2n) li{ float:right;}
.tab01{ width:93.75%; margin:1rem auto 0; height:3.2rem; border-bottom:1px solid #ccc;}
.tab01 a{ display:block; width:33.33%; float:left; height:3.2rem;}
.tab01 span{ display:block; width:3.3rem; float:left; overflow:hidden; height:2.4rem; margin-top:0.6rem;}
.tab01 span em{ display:block; width:100%;}
.tab01 span img{display:block; width:100%;}
.tab01 b{ display:block; text-align:center; font-size:1rem; line-height:3.2rem; font-weight:normal; color:#666;}
.tab01 .active{ border-bottom:0.15rem solid #015cb5; box-sizing:border-box;}
.tab01 .active em{ display:none;}
.tab01 .active b{ color:#015cb5;}

.tit{ text-align:center; font-size:1.8rem; font-weight:bold; color:#111;}
.tit em{ display:block; font-size:1rem; font-weight:normal; padding-top:0.3rem;}

.guan1 img{ display:block; width:100%;}

.g-ys{ padding:3.5rem 0; position:relative;}
.g-ys dl{ width:93.75%; margin:0 auto;}
.g-ys dt img{ display:block; width:100%; margin-top:2rem;}
.g-ys dd h3{ height:4.5rem; overflow:hidden; border-bottom:1px solid #efefef; margin-top:1.5rem; margin-bottom:1rem;}
.g-ys dd h3 em{ display:block; float:left; width:13%; margin-top:0.5rem;}
.g-ys dd h3 em img{ display:block; width:100%;}
.g-ys dd h3 span{ display:block; float:right; width:85%; font-size:1.6rem; font-weight:bold; color:#015cb5;}
.g-ys dd h3 span i{ display:block; font-size:1.2rem; color:#333; font-weight:normal;}
.g-ys dd p{ font-size:0.95rem; line-height:1.7rem; position:relative; color:#666; padding:0 0 0 4%;}
.g-ys dd p:before{ content:""; position:absolute; top:0.6rem; left:0; width:0.35rem; height:0.35rem; border-radius:0.35rem; background:#c3c3c3;}
.g-ys dd p b{ color:#015cb5;}
.g-ys .swiper-pagination-bullet,.g-wit .swiper-pagination-bullet,.js-swiper-nest-bas-in .swiper-pagination-bullet{ background:#3e3e3e; opacity:1; width:3.3rem; height:0.35rem; border-radius:0;}
.g-ys .swiper-pagination-bullet-active,.g-wit .swiper-pagination-bullet-active,.js-swiper-nest-bas-in .swiper-pagination-bullet-active{background: #015cb5;}

.bg{ background:url(../images/wit_bg.jpg) no-repeat center top; background-size:100% auto; padding:2.5rem 0 1rem; margin-top:1rem;}
.tab02{ width:93.75%; margin:1.2rem auto; height:5.25rem; background:#fff; border:1px solid #dadada; box-sizing:border-box;border-bottom:0;}
.tab02 a{ display:block; width:33.33%; float:left; height:2.625rem; float:left; font-size:1.1rem; line-height:2.625rem; text-align:center; border-right:1px solid #dadada; box-sizing:border-box; border-bottom:1px solid #dadada; color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab02 .active{ color:#fff; background:#015cb5; font-weight:bold;}
.tab02 a:nth-child(3){ border-right:0;}
.g-wit1 h5{display:block; width:37%; float:right; height:2.625rem; font-size:1.1rem; line-height:2.625rem; text-align:center; margin-top:-3.825rem;color:#666;}
.wit1{ width:93.75%; margin:0 auto; overflow:hidden;}
.wit1 dt img{display:block; width:100%;}
.wit1 dd h3{ font-size:1.2rem; font-weight:bold; color:#3e3e3e; margin:1.5rem 0 0.3rem;}
.wit1 dd p{ font-size:1.1rem; color:#727272; line-height:1.5rem;}
.wit1 dd span { display:block; height:2.35rem; margin:0.8rem 0 1.5rem;}
.wit1 dd span a{ display:inline-block; width:27.66%; height:2.35rem; font-size:1rem; margin-right:2%; text-align:center; line-height:2.35rem; color:#fff; background:url(../images/yinz_btn.jpg) no-repeat; background-size:100% auto;}
.wit1 dd span a:last-child{background:url(../images/wit_btn2.jpg) no-repeat; background-size:100% auto;}

.g-wit{ width:93.75%; margin:0 auto; padding:0 0 3rem 0;position:relative; overflow:hidden;}
.g-wit h3{ font-size:1.1rem; font-weight:bold; color:#333; padding:0 0 0.8rem 0;}
.g-wit li{ width:46.96%;}
.g-wit li img{ display:block; width:100%;}
.g-wit li em{ display:block; text-align:center; font-size:1rem; line-height:2.6rem; height:2.6rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#666;}
.g-wit a:nth-child(2n-1) li{ float:left;}
.g-wit a:nth-child(2n) li{ float:right;}

.g-guan{ background:url(../images/guan2.jpg) no-repeat center top; background-size:100% 100%; height:7.5rem;}
.g-guan p{ text-align:center; font-size:1.1rem; font-weight:bold; color:#fff; padding:5.2rem 0 0;}
.g-guan p a{color:#fff; font-weight:normal; padding-left:4%;}

.g-new{margin:3rem 0 2rem;}
.news_nav{ width:93.75%; margin:1rem auto 0; border-bottom:1px solid #dadada; height:3rem; position:relative;}
.news_nav p{ height:3rem;font-size:1.2rem;float:left; text-align:center; color:#111; line-height:3rem; margin-right:5%;}
.news_nav p.cur{ font-weight:bold;border-bottom:0.15rem solid #015cb5; box-sizing:border-box;}
.news_nav a{display:block; position:absolute; top:1.1rem; right:3%; font-size:1.1rem; color:#333; font-size:0.8rem;z-index:2;}
.news_con{ width:93.75%; margin:0 auto;}
.news_con .dy dl{ margin-top:1rem; padding-bottom:1rem; border-bottom:1px solid #e5e5e5;}
.news_con .dy dt{ height:9.75rem; overflow:hidden;}
.news_con .dy dt img{ display:block;width:65.16%;height:9.75rem; float:right;}
.news_con .dy dt span{ display:block; float:left; width:34.84%; height:8.75rem; padding-top:1rem; background:url(../images/dy1_bg.jpg) no-repeat center top; background-size:100% 100%; text-align:center; font-size:4rem; color:#fff; font-weight:bold;}
.news_con .dy dt span em{ display:block; font-size:1.25rem;}
.news_con .dy dd h3{ font-size:1.2rem; font-weight:bold; color:#333; margin-top:1rem;}
.news_con .dy dd p{ font-size:1.2rem; line-height:1.7rem; color:#666; margin-top:0.6rem;}
.news_con .dy h5{ margin-top:1rem;}
.news_con .dy h5 img{ display:block; width:26.33%; float:left;}
.news_con .dy h5 span{ display:block; width:70.83%; float:right; line-height:4rem; font-size:1rem; color:#333;}
.news_con .dy h5 span em{ float:right;}
.faq dl{ padding:0.5rem 0;}
.faq dt{ width:91%; float:none; font-size:1.2rem; color:#333; background:url(../images/q.png) no-repeat left center; background-size:1.9rem 1.9rem; padding-left:9%; line-height:2.5rem;}
.faq dd{width:91%; float:none; font-size:1.2rem; color:#333; background:url(../images/a.png) no-repeat left top; background-size:1.9rem 1.9rem; padding-left:9%; margin-top:0.5rem;}

.g-about{ background:url(../images/about_bg.jpg) no-repeat center top; background-size:100% auto; padding:2rem 0 2rem;}
.g-about p{ font-size:1rem; line-height:1.7rem; color:#666; margin:1rem 4.5%;}
.g-pic{ width:93.75%; margin:0 auto; overflow:hidden;}
.tabs2{ height:2.35rem; overflow:hidden; margin-bottom:1.5rem; text-align:center;}
.tabs2 a{ display:inline-block; width:27%; height:2.35rem; color:#fff; line-height:2.35rem; font-size:1rem; background:#666; border-radius:0.3rem; margin:0 2%;}
.tabs2 .active{ background:url(../images/yinz_btn.jpg) no-repeat;}
.js-swiper-nest-bas-out{ width:64.83%; margin:0 auto; overflow:hidden; position:relative;}
.js-swiper-nest-bas-in{ position:relative; padding-bottom:3rem;}
.js-swiper-nest-bas-out h5{ display:block; width:100%; position:relative;}
.js-swiper-nest-bas-out h5 img{ display:block; width:100%;}
.js-swiper-nest-bas-out h5 em{ display:block; width:100%; background:rgba(0,0,0,0.6); font-size:1rem; line-height:1.7rem; height:1.7rem; color:#fff; text-align:center;}


/*开屏秀*/
/*.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;}}