
/*-----------------------------------------------------------------------------------------------------------------------*/
.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:#0c4b9a; border-radius:0.3rem; width:1.5rem;}

.tit{ text-align:center; font-weight:bold; color:#0c4b9a; font-size:2rem;}
.tit em{ display:block; font-size:1.2rem; color:#313131; font-weight:normal;margin-top: 10px;}

.g-pro{ padding:2.6rem 0 0;}
.tab01{ width:93.75%; margin:1.3rem auto 0;}
.tab01 a{ display:block; width:48.83%; height:2.85rem; background:url(../../images/pro_bg1.png) no-repeat center top; background-size:100% 100%; margin-bottom:1rem; font-size:1rem; font-weight:bold; color:#282828; line-height:2.85rem; text-align:center;}
.tab01 a:nth-child(2n-1){ float:left;}
.tab01 a:nth-child(2n){ float:right;}
.tab01 .active{ background:url(../../images/pro_bg2.png) no-repeat center top; background-size:100% 100%; color:#fff;}
.g-pro h5{display:block; width:14.05rem; height:2.85rem; background:url(../../images/pro_bg1.png) no-repeat center top; background-size:100% 100%;font-size:1rem; font-weight:bold; color:#282828; line-height:2.85rem; text-align:center; float:right; margin:-3.8rem 3.125% 0 0;}
.g-pro ul{width:93.75%; margin:0.8rem auto 1rem;}
.g-pro li{ width:100%; margin-bottom:1.2rem;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em,.m-banl li em{ display:block;font-size:1rem; line-height:2.5rem; background:#0c4b9a; text-align:center; height:2.5rem; overflow:hidden; color:#fff;text-overflow:ellipsis;white-space:nowrap;}

.g-pro a:nth-child(2n-1) li,.m-banl a:nth-child(2n-1) li,.g-case2 a:nth-child(2n-1) li{ float:left; clear:both;}
.g-pro a:nth-child(2n) li,.m-banl a:nth-child(2n) li,.g-case2 a:nth-child(2n) li{ float:right;}
.g-pro h4,.g-banl h4{ height:3rem; text-align:center; font-size:1.2rem; line-height:3rem; overflow:hidden; color:#fff; background:#0c4b9a;}

.g-banl h2 img{ display:block; width:93.75%;margin:0.8rem auto 1.8rem;}
.m-banl{ width:93.75%; margin:0.8rem auto 1rem; overflow:hidden;}
.m-banl li{width:48.33%; margin-bottom:1.2rem;}
.m-banl li img{ border:1px solid #e5e5e5; display:block; width:100%; padding:0.25rem; box-sizing:border-box;}

.g-case{ background:#f5f5f5 url(../../images/case_h.gif) no-repeat center top; background-size:100% auto; margin-top:2.3rem;padding:3rem 0 0 0;}
.g-case h5 img{ display:block; width:100%;}
.tab02{ width:93.75%; margin:1.3rem auto 0;}
.tab02 a{ display:block; width:48.83%; height:2.85rem; background:url(../../images/pro_bg1.png) no-repeat center top; background-size:100% 100%; margin-bottom:1rem; font-size:1rem; font-weight:bold; color:#282828; line-height:2.85rem; text-align:center;}
.tab02 a:nth-child(2n-1){ float:left;}
.tab02 a:nth-child(2n){ float:right;}
.tab02 .active{ background:url(../../images/pro_bg2.png) no-repeat center top; background-size:100% 100%; color:#fff;}
.m-case{ width:93.75%; margin:0 auto; overflow:hidden;}
.m-case dt img{ display:block; width:100%;}
.m-case dd h3{ font-size:1.5rem; color:#242424; padding:0.9rem 0 0.2rem;}
.m-case dd p{ font-size:1rem; line-height:1.5rem; color:#666;}

.g-case2{ width:93.75%; margin:1.6rem auto 0; overflow:hidden; position:relative; padding-bottom:1rem;}
.g-case2 li{ width:48.33%;}
.g-case2 li img{ display:block; width:100%;}
.g-case2 li em{ display:block;font-size:1rem; line-height:2.5rem; background:#fff; text-align:center; height:2.5rem; overflow:hidden; color:#282828;text-overflow:ellipsis;white-space:nowrap;}
.g-case2 .swiper-pagination{ width:100%; bottom:1rem;}
.g-case2 .swiper-pagination-bullet{ background:#0c4b9a; opacity:1; width:0.7rem; height:0.7rem;}
.g-case2 .swiper-pagination-bullet-active{ background:#0c4b9a; border-radius:0.7rem;}

.g-ys{ margin:1.8rem 0;}
.g-ys dl{ width:93.75%; margin:1.2rem auto 0;}
.g-ys dt img{ display:block; width:100%;}
.g-ys dd h3{ background:#0c4b9a; height:4.8rem; overflow:hidden; margin-bottom:1.3rem;}
.g-ys dd h3 em{ display:block; font-size:3rem; font-family:Impact; float:left; line-height:4.8rem; padding:0 3%; color:#fff; float:left;}
.g-ys dd h3 span{ display:block; width:75%; float:left; font-size:1.5rem; font-weight:bold; color:#fff; padding:0.3rem 0 0 5%;}
.g-ys dd h3 span i{ display:block; font-weight:normal; font-size:1.3rem;margin-top: 5px;}
.g-ys dd p{ font-size:1.2rem; line-height:2; color:#2b2b2b; position:relative; padding-left:3%;}
.g-ys dd p:before{ content:""; position:absolute; top:0.7rem; left:0; width:0.2rem; height:0.2rem; background:#0c4b9a;}

.g-coop{ background:#f5f5f5 url(../../images/case_h.gif) no-repeat center top; background-size:100% auto; padding:3rem 0 0;}
.g-coop ul{ padding:1.2rem 0 0 4%;}
.g-coop li{ width:47%; margin:0 1% 1% 0; float:left;}
.g-coop li img,.g-coop h5 img{ display:block; width:100%;}
.g-coop li img{ display:block; width:100%; border:1px solid #dfdfdf; box-sizing:border-box;}
.g-coop a:nth-child(3n-2) li{ }
.g-coop h4{ margin-top:1.4rem;}
.g-coop h4 em{ display:block; font-size:1.8rem; font-weight:bold; color:#333; text-align:center; background:url(../../images/coop_lx.png) no-repeat 26% center; background-size:2.05rem 2.1rem; padding-left:5%; line-height:2.1rem;}
.g-coop h4 span{ display:block; width:21.875%; height:2rem; border-radius:2rem; text-align:center; line-height:2rem; color:#fff; background:#0c4b9a; margin:0.8rem auto;}

.g-about{ padding:2.5rem 0; position:relative;}
.g-about dl{ width:93.75%; margin:1rem auto 0;}
.g-about dt img{ display:block; width:100%;}
.g-about dd h3{ font-size:1.3rem; font-weight:bold; color:#333; padding:1.3rem 0 1rem;}
.g-about dd{ font-size:1.1rem; line-height:1.5rem; color:#333333;}
.g-about dd em{height:3rem; text-align:center; font-size:1.2rem; line-height:3rem; overflow:hidden; color:#fff; background:#0c4b9a; display:block; margin-top:1.5rem;}

.g-news{ margin:0 0 3rem }
.news_nav{ margin:1.8rem 0 0 3.125%;}
.news_nav p{ width:31.29%; height:2.85rem;font-size:1.2rem;float:left; text-align:center; color:#fff; line-height:2.85rem; font-weight:bold; background:url(../../images/new_bg1.png) no-repeat center top; background-size:100% 100%; margin-right:1.45%;}
.news_nav p.cur{ background:url(../../images/new_bg2.png) no-repeat center top; background-size:100% 100%;}
.dl01,.dl02{ width:93.75%; margin:1rem auto 0; border:1px solid #e7e7e7; overflow:hidden;}
.dl01 dt{ width:40.66%; float:left;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:53.33%; float:right; padding-right:2%;}
.dl01 dd h3,.dl02 dd h3{ font-size:1.1rem; color:#090001; font-weight:bold; line-height:2.5rem; height:2.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:.6rem;}
.dl01 dd h3{ padding-top:.2rem;}
.dl01 dd p,.dl02 dd p{ font-size:1rem; line-height:1.5rem; color:#464646;}
.dl02{ height:6.4rem; overflow:hidden;}
.dl02 dt{ width:17.25%; height:5.1rem; padding-top:.9rem; border-right:1px solid #e7e7e7; float:left; overflow:hidden; text-align:center; font-size:2.5rem; color:#424242;}
.dl02 dt em{ display:block; font-size:0.8rem; position:relative; margin-top:-0.2rem;}
.dl02 dd{ width:76.6%; float:right; padding-right:2%;}
.dl02 dd h3{ padding-top:0.3rem;}





/*å¼€å±ç§€*/
.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 #0c4b9a; background:#0c4b9a; 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;}}  /* i i s 7 . c o m */