/*-----------------------------------------------------------------------------------------------------------------------*/
.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:#3598db; border-radius:0.5rem; width:1.8rem;}

.tit{ text-align:center; color:#333; font-size:2rem;}
.tit b{ display:inline-block; background:url(../images/h.png) no-repeat left center; background-size:1rem 1rem; padding-left:6%; margin-left:2%;}
.tit span{ display:block; font-size:1.1rem; color:#666; }
.tit i{ display:block; font-size:1.2rem; color:#666; font-weight:normal;}

.g-yinz{ background:url(../images/yinz_bg.gif); background-size:6px 6px; padding:3.5rem 0 0 0;}
.g-yinz h2{ text-align:center; font-size:2rem; color:#333; padding-bottom:1.8rem;}
.g-yinz dl{ width:93.75%; margin:0 auto;}
.g-yinz dt img{ display:block; width:100%;}
.g-yinz dd{ text-align:center; font-size:1.2rem; line-height:1.6rem; padding:1.9rem 0 0 0; color:#666;}

.g-pro{ margin:3rem 0 2.2rem;}
.g-pro p{ width:93.75%; margin:1.2rem auto;}
.g-pro p a{ display:block; width:47.66%; height:3.9rem; background:#f3f3f3; border:1px solid #d9d9d9; text-align:center; font-size:1.2rem; color:#333; line-height:3.9rem;}
.g-pro ul{ width:93.75%; margin:0 auto;}
.g-pro li{width:47.66%;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{ display:block; text-align:center; line-height:3.6rem; height:3.6rem; color:#333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:1.2rem;}
.g-pro p a:nth-child(2n-1),.g-pro a:nth-child(2n-1) li{ float:left;}
.g-pro p a:nth-child(2n),.g-pro a:nth-child(2n) li{ float:right;}

.g-jiag{background:url(../images/yinz_bg.gif); background-size:6px 6px; padding:3.5rem 0;}
.jiagt{ width:93.75%; margin:1.5rem auto;}
.jiagt li{ width:25.33%; float:left; height:2.5rem; line-height:2.5rem; font-size:1.2rem; color:#333; background:url(../images/jiag_arr.png) no-repeat left center; background-size:0.5rem 0.7rem; padding-left:8%;} 
.jiagt .cur{ font-weight:bold; color:#26365a;}
.jiagt h5{width:25.33%; float:left; height:2.5rem; line-height:2.5rem; font-size:1.2rem; color:#333; background:url(../images/jiag_arr.png) no-repeat left center; background-size:0.5rem 0.7rem; padding-left:8%;}
.jiag{ width:93.75%; margin:0 auto; overflow:hidden;}
.jiag img{ display:block; width:100%;}

.g-case{ width:93.75%; margin:3rem auto 2rem; overflow:hidden; padding-bottom:3rem;}
.g-case dt img{ display:block; width:100%; margin-top:1.5rem;}
.g-case dd h3{ font-size:1.5rem; font-weight:bold; color:#333; padding:1rem 0; position:relative; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-case dd h3:before{ content:""; position:absolute; bottom:0; width:3.2rem; height:1px; background:#26365a;}
.g-case dd p{ font-size:1.1rem; line-height:1.5rem; margin:1rem 0; color:#666;}

.g-ys{ background:url(../images/ys_bg.jpg) no-repeat center top; background-size:100% auto; padding:3rem 0 2rem; margin-bottom:1.5rem; position:relative;}
.g-ys .tit,.g-ys .tit span{ color:#fff;}
.g-ys dl{ width:93.75%; margin:1.5rem auto 0; overflow:hidden;}
.g-ys dt img{ display:block; width:100%;}
.g-ys dd h3{ font-size:1.8rem; font-weight:bold; color:#26365a; padding:1rem 0 0.5rem; border-bottom:1px solid #ccc;}
.g-ys dd h3 em{ color:#333; font-family: Arial; font-size:2rem;}
.g-ys dd h3 span{ display:block; font-size:1.3rem; font-weight:normal; color:#333;}
.g-ys dd p{ font-size:1.1rem; line-height:1.6rem; padding:0.6rem 0 0; color:#666;}
.g-ys .swiper-pagination,.g-case .swiper-pagination,.g-pic .swiper-pagination{ bottom:1rem;}
.g-ys .swiper-pagination-bullet,.g-case .swiper-pagination-bullet,.g-pic .swiper-pagination-bullet{ background:#c8c8c8; opacity:1; width:4rem; height:0.25rem; border-radius:0;}
.g-ys .swiper-pagination-bullet-active,.g-case .swiper-pagination-bullet-active,.g-pic .swiper-pagination-bullet-active{ background:#26365a;}

.g-new{background:url(../images/yinz_bg.gif); background-size:6px 6px; padding:2.8rem 0;}
.g-new .tit b,.g-about .tit b{ padding:0; background:none;}
.tabs{ height:2.5rem; margin:1.3rem 0 0.8rem; text-align:center; background:url(../images/new_line.gif) repeat-x center center; background-size:1px 1px;}
.tabs a{ display:inline-block; width:25%; height:2.5rem; background:#fff; text-align:center; font-size:1.3rem; color:#262626; line-height:2.3rem; border-radius:0.3rem; border:1px solid #ccc; box-sizing:border-box; margin:0 7%;}
.tabs .active{ background:#26365a; color:#fff;}
.new{ width:93.75%; margin:0 auto; overflow:hidden;}
.new dt{ position:relative;}
.new dt img{ display:block; width:100%;}
.new dt em{ display:block; background:url(../images/tout.png) no-repeat; background-size:100% 100%; width:4.15rem; height:4.3rem; overflow:hidden; position:absolute; top:0;}
.new dd h3{ font-size:1.3rem; padding:1rem 0 0.6rem; color:#333; border-bottom:1px solid #ccc; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.new dd p{ font-size:1.1rem; line-height:1.4rem; padding:0.6rem 0 1rem; color:#666;} 
.new li{ font-size:1.1rem; line-height:2.4rem; height:2.4rem; overflow:hidden; padding-left:4%; color:#666; position:relative;}
.new li em{ float:right;}
.new li:before{ content:""; position:absolute; top:1rem; left:0; width:0.2rem; height:0.2rem; border-radius:0.2rem; background:#a1a1a1;}

.g-about{ margin:3rem 0 1.2rem;}
.g-about dt{ margin-top:1.2rem; background:url(../images/about_bg.jpg) no-repeat center bottom; background-size:100% auto;}
.g-about dt img{ display:block; width:100%;}
.g-about dt em{ display:block; width:93.75%; margin:0 auto;}
.g-about dd{ width:93.75%; margin:2rem auto 0;}
.g-about dd h3{ font-size:1.8rem; font-weight:bold; color:#26365a;}
.g-about dd h3 em{ display:block; font-size:2.5rem; font-family: Arial; color:#909090; font-weight:normal; text-transform:uppercase;}
.g-about dd p{ font-size:1.1rem; line-height:1.5rem; padding:0.8rem 0; color:#666;}
.g-about dd span{ display:block; width:26.66%; height:2.6rem; border-radius:0.3rem; background:#26365a; color:#fff; font-size:1.1rem; text-align:center; line-height:2.6rem;}

.g-pic{ position:relative; width:93.75%; margin:1.4rem auto 2rem; padding-bottom:2rem;}
.pict{ height:2.8rem; border-bottom:1px solid #ddd;}
.pict p{ display:inline-block; font-size:1.1rem;line-height:2.8rem; height:2.8rem; margin-right:8%; position:relative; color:#373737;}
.pict .active2{ color:#26365a; font-weight:bold; border-bottom:2px solid #263455; box-sizing:border-box;}
.pict .ne_db2{ font-size:0.9rem; color:#333; line-height:2.8rem; position:absolute; top:0; right:3%;}
.pic{overflow:hidden;}
.g-pic li{ width:47.5%; margin:1rem 0 2rem;}
.g-pic li img{ display:block; width:100%;}
.g-pic a:nth-child(2n-1) li{ float:left;}
.g-pic a:nth-child(2n) li{ float:right;}
.g-pic li em{ display:block; font-size:1rem; height:2.4rem; overflow:hidden; line-height:2.4rem; overflow:hidden; text-align:center; color:#666;}



/*开屏秀*/
.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 #3598db; background:#3598db; 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;}}