/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:1rem;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1; width:0.8rem; height:0.8rem;}
.ban .swiper-pagination-bullet-active{ background:#1d4eb6; border-radius:0.6rem; width:1.5rem;}

.tit{ text-align:center;color:#1d4eb6; font-size:2.4rem; font-weight:bold;}
.tit span{ position:relative;}
.tit span:before{ content:""; position:absolute; top:50%; left:-3.4rem; width:2.7rem; height:1px; background:#cbcbcb;}
.tit span:after{ content:""; position:absolute; top:50%; right:-3.4rem; width:2.7rem; height:1px; background:#cbcbcb;}
.tit em{ display:block; font-size:1.2rem; color:#24292f; font-weight:normal; padding-top:0.3rem;}

.g-yinz{ margin:3.5rem 0;}
.g-yinz dl{ width:93.75%; margin:1.4rem auto 0;}
.g-yinz dt{ position:relative;}
.g-yinz dt em{ display:block; background:url(../images/fen_n.gif) no-repeat; background-size:100% 100%; width:7.75rem; height:5.35rem; position:absolute; top:0.5rem; left:0.5rem;}
.g-yinz dt img{ display:block; width:100%;}
.g-yinz dd{ background:#0b50c2; padding:1.4rem 3.125% 2rem;}
.g-yinz dd h3{ font-size:1.2rem; color:#fff; text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-yinz dd .prodd{ font-size:1.1rem; color:#b9c5e8;}
.g-yinz dd .prodd p{ margin-top:0.5rem;}
.g-yinz dd span{ display:block;width:39%;height:2.6rem; background:#fff; font-size:1.2rem; text-align:center; line-height:2.6rem; color:#0b50c2; border-radius:2rem; margin-top:0.8rem;}

.g-pro p{ text-align:center; height:8rem; margin-top:1.1rem;}
.g-pro p a{ display:inline-block; width:29.6875%; height:3.2rem; text-align:center; margin:0 1.25% 0.5rem; background:#e5e5e5; line-height:3.2rem; font-size:1.2rem; color:#121211; border-radius:0.3rem;}
.m-pro{ width:93.75%; margin:0 auto; overflow:hidden; position:relative; padding-bottom:1rem;}
.m-pro li{ width:48.66%; float:left;}
.m-pro li img{ display:block; width:100%;}
.m-pro li em{display:block;text-align:center; height:3.2rem; font-size:1.2rem; color:#3a3e43;line-height:3.2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%;}
.m-pro a:nth-child(2n-1) li{ float:left;}
.m-pro a:nth-child(2n) li{ float:right;}

.g-fang{ background:#e5e5e5; padding:2.7rem 0 2rem; margin-top:1.5rem;}
.fangt{ height:auto; overflow:hidden; margin-top:1rem;}
.fangt a{ display:block; width:29.2%; height:3.2rem; float:left; text-align:center; font-size:1.2rem; color:#333; background:#fff; margin:0 0 0.5rem 3%; line-height:3.2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-radius:0.3rem; text-transform:uppercase;}
.fangt .active{ background:#0b50c2; color:#fff;}
.g-fang h4{ display:block; width:29.6875%; height:3.2rem; float:left; text-align:center; font-size:1.2rem; color:#333; background:#fff; margin:-3.7rem 3.125% 0.5rem 3%; line-height:3.2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-radius:0.3rem; text-transform:uppercase; float:right;}
.m-fang{ width:93.75%; margin:0.6rem auto 0; overflow:hidden;}
.g-fang dt img{ display:block; width:100%;}
.g-fang dd{ margin-top:1rem;}
.g-fang dd h3{ width:33.33%; float:left; height:5.1rem; padding-top:1.9rem; font-size:1.5rem; color:#fff; text-align:center; background:#0b50c2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.g-fang dd h3 em{ display:block; font-size:0.9rem; color:rgba(255,255,255,0.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.g-fang dd h5{ width:62.5%; float:right;}
.g-fang dd h5 em{ display:block; font-size:1.1rem; font-weight:bold; color:#24292f; height:1.6rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-fang dd h5 p{ font-size:1.05rem; color:#595959;}
.g-fang dd h5 i{ color:#1d4eb6;}


.g-ys{ margin:3rem 0 1.2rem;}
.tabys{ height:7.8rem; margin:1.1rem 0 0 3.125%;}
.tabys a{ display:block; float:left; width:22.58%; height:7rem; padding-top:0.5rem; box-sizing:border-box; background:#e5e5e5; border-radius:0.3rem; margin-right:2.4%; text-align:center; font-size:1.2rem; color:#24292f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tabys span{ display:block; width:3rem; height:3rem; margin:0 auto 0.2rem; position:relative;}
.tabys span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.tabys span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.tabys span img{ display:block; width:100%;}
.tabys b{ display:block; font-weight:normal; font-size:0.6rem; color:#aeaeae;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tabys .active{ background:#0b50c2; color:#fff;}
.tabys .active span em{ opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.tabys .active span i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.ys{ width:93.75%; margin:0 auto; overflow:hidden; position:relative;}
.ys dl{ background:#0b50c2;}
.ys dt img{ display:block; width:100%;}
.ys dd{ padding:1.2rem 3.125% 2rem 0;}
.ys dd h3{ font-size:1.8rem; font-weight:bold; color:#fff000; background:url(../images/ys_01.png) no-repeat 3.125% 0.4rem; background-size:3.35rem 3.15rem; padding-left:16%; margin-bottom:0.9rem;}
.ys dd h3 em{ display:block; font-size:1.1rem; color:#fff;}
.ys dd p{ font-size:1.1rem; line-height:1.3rem;color:#b9c5e8; position:relative; padding:0 3.125% 0 6%; margin-top:0.6rem; background:url(../images/ys_dot.png) no-repeat 3.125% 0.5rem; background-size:0.4rem 0.45rem;}
.ys .prev1{ background:url(../images/ys_l.png) no-repeat; background-size:2.25rem 2.25rem; width:2.25rem; height:2.25rem; position:absolute; top:30%; left:3%; z-index:3;}
.ys .next1{ background:url(../images/ys_r.png) no-repeat; background-size:2.25rem 2.25rem; width:2.25rem; height:2.25rem; position:absolute; top:30%; right:3%; z-index:3;}
.ys .swiper-slide:nth-child(2) dd h3{background:url(../images/ys_02.png) no-repeat 3.125% 0.4rem; background-size:3.35rem 3.15rem;}
.ys .swiper-slide:nth-child(3) dd h3{background:url(../images/ys_03.png) no-repeat 3.125% 0.4rem; background-size:3.35rem 3.15rem;}
.ys .swiper-slide:nth-child(4) dd h3{background:url(../images/ys_04.png) no-repeat 3.125% 0.4rem; background-size:3.35rem 3.15rem;}

.g-new{position:relative;}
.tabs{height:2.6rem; text-align:center; margin:1.2rem 0 1.35rem; overflow:hidden;}
.tabs a{ display:inline-block; height:2.6rem; margin:0 4%; text-align:center; font-size:1.2rem;line-height:2.6rem; color:#333; font-weight:bold;}
.tabs .active{ color:#1d4eb6;border-bottom:2px solid #1d4eb6; box-sizing:border-box;}
.new{ margin:1rem auto 2rem; width:93.75%; overflow:hidden;}
.new dt img{ display:block; width:100%;}
.new dd{ background:#0b50c2; padding:1.5rem 4%;}
.new dd h3{ width:5rem; height:3.2rem; font-size:2.3rem; font-weight:bold; color:#fff; position:relative; float:left; margin-top:-0.3rem;}
.new dd h3:before{ content:""; position:absolute; top:0.5rem; right:0; width:1px; height:3rem; background:#fff;}
.new dd h3 em{ display:block; font-size:0.7rem; font-weight:normal; position:relative; margin-top:-0.3rem;}
.new dd p{ width:74%; float:right; color:#fff; font-size:1.2rem; line-height:1.7rem;}
.new ul{ width:93.75%; margin:0 auto;}
.new li{ padding:1rem 0; border-bottom:1px solid #dcdcdc;}
.new li span{ display:block; font-size:1.2rem; font-weight:normal; color:#585858; overflow:hidden; font-weight:bold;}
.new li span em{ font-size:1.1rem; font-weight:bold; color:#4a371d; padding-right:4%;}
.new li i{ display:block; font-size:0.9rem; color:#9d9d9d; padding-top:0.6rem;}
.new a:last-child li{ border:0;}


/*开屏秀*/
.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:#fff; border:0.05rem solid #1d4eb6; background:#1d4eb6; 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;
}

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;}}