/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1; border-radius:1rem;}
.ban .swiper-pagination-bullet-active{ background:#023793; width:1.8rem;}

.tit{ text-align:center;font-size:1.8rem; text-transform:uppercase; font-weight:bold; color:#023793;}
.tit em{ display:block; font-size:1rem; color:#666; text-transform:uppercase; background:url(../image/pro_line.png) no-repeat center center; background-size:100% 0.15rem; font-weight:normal; margin-top:0.5rem; font-family: Arial;}

.g-pro{ margin:2rem 0;}
.g-pro p{ margin-top:1.5rem;}
.g-pro p a{ display:block; width:27.34375%; height:2.8rem; border:1px solid #d3d3d3; box-sizing:border-box; border-radius:2rem; margin:0 0 1rem 4.6%; float:left; text-align:center; font-size:1.1rem; color:#023793; line-height:2.8rem; position:relative;}
.g-pro p a:before{ content:""; position:absolute; top:0.9rem; right:-11%; width:0.5rem; height:0.5rem; border:1px solid #d3d3d3; box-sizing:border-box; border-radius:0.5rem;}
.g-pro p a:nth-child(3n):before{ border:0;}
.g-pro ul,.ind3 ul{ width:93.75%; margin:0 auto;}
.g-pro li,.ind3 li{ width:48%; margin-bottom:1.2rem;}
.g-pro li img,.ind3 li img{ display:block; width:100%;}
.g-pro li em,.ind3 li em{display:block; background:url(../image/pro_jt.png) no-repeat right center; background-size:1.05rem 1.05rem; line-height:2.6rem; overflow:hidden; height:2.6rem; color:#666; font-size:1.1rem;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px solid #ccc;}
.g-pro a:nth-child(2n-1) li,.ind3 a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li,.ind3 a:nth-child(2n) li{ float:right;}

.g-ind .tit em{ background:url(../image/ind_line.png) no-repeat center center; background-size:100% 0.15rem;}
.g-ind p{width:93.75%; margin:1.2rem auto 0; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.g-ind p a{ display:block; width:33.33%; height:3.6rem; text-align:center; font-size:1.2rem; line-height:3.6rem; color:#666; float:left; border:1px solid #d5d5d5; box-sizing:border-box; border-right:0; border-bottom:0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-ind p a:hover{ background:#023793; color:#fff; font-weight:bold;}
.ind2 dl{ position:relative; margin:1.5rem 0;}
.ind2 dt img{ display:block; width:100%;border:1px solid #d5d5d5; box-sizing:border-box;}
.ind2 dd{ width:43%; position:absolute; top:0; background:rgba(0,0,0,0.7); height:100%;}
.ind2 dd h3{ font-size:1.2rem; color:#fff; font-weight:bold; line-height:3rem; height:3rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding:3rem 0 0 3%;}
.ind2 dd p{ font-size:1.1rem; line-height:1.8rem; color:#c6c3be; border:0; margin-top:0;}
.ind2 dd em{ display:block; width:14.05rem; height:2.9rem; background:url(../image/ind_d-btn.png) no-repeat; background-size:100% auto; text-align:center; line-height:2.9rem; color:#fff; font-size:1.2rem; margin:2rem 0 0 10%;}

.dz{ margin:1.8rem 0 1rem;}
.tabs2{ height:10.5rem; position:relative; z-index:1;}
.tabs2 a{ display:block; width:16.71875%; text-align:center;font-size:1.2rem; color:#333; line-height:2rem;margin:1.2rem 1% 0 6%; float:left;}
.tabs2 a em{ display:block; width:5.35rem; height:6rem; overflow:hidden; background:url(../image/ys_bg01.png) no-repeat;background-size:100% auto; height:6rem;}
.tabs2 a em img{ display:block; width:100%;}
.tabs2 a.active i{ display:none;}
.tabs2 a.active em{background:url(../image/ys_bg02.png) no-repeat; background-size:100% auto; }
.tabs2 .active { color:#023793; font-weight:bold;}
.dz dl{ width:93.75%; margin:0 auto;}
.dz dt img{display:block; width:100%;}
.dz dd{ padding: 0 3%;}
.dz dd h3{ height:3.8rem; font-size:1.4rem; color:#023793; line-height:3.8rem; font-weight:bold; border-bottom:1px solid #ccc; overflow:hidden; margin-bottom:1rem;}
.dz dd h3 em{ font-size:0.7rem; font-family: Arial; padding-left:5%; text-transform:uppercase;color:#c0c0c0; display:inline-block; background-size:0.6rem 1.2rem; font-weight:normal;}
.dz dd p{ font-size:1.1rem; line-height:2.4rem; color:#666;padding-left:4%; position:relative;}
.dz dd p:before{ content:""; position:absolute; top:1rem; left:0; width:0.5rem; height:0.5rem; border-radius:0.5rem; background:#666;}
.arr{ height:4rem; position:relative; margin-top:1.5rem;}
.arr .swiper-pagination{ width:100%; margin-top:1rem;}
.arr .swiper-pagination-bullet{ background:#999; opacity:1; width:0.8rem; height:0.8rem; margin:0 2%;}
.arr .swiper-pagination-bullet-active{ background:#023793; border-radius:0.3rem; width:1.8rem;}
.arr .prev{ width:3rem; height:3.1rem; overflow:hidden; position:absolute; top:0; left:20%; background:url(../image/left.png) no-repeat; background-size:100% 100%; z-index:2; margin:0;} 
.arr .next{ width:3rem; height:3.1rem; overflow:hidden; position:absolute; top:0; right:20%; background:url(../image/right.png) no-repeat; background-size:100% 100%;z-index:2; margin:0;}

.g-exc{ position:relative;}
.g-exc .tit em,.dz .tit em,.g-news .tit em,.g-about .tit em{ background:url(../image/honor_line.png) no-repeat center center; background-size:100% 0.15rem;}
.g-exc dl{ width:60.15625%; margin:1.5rem auto 0; background:#023793; padding:0.75rem 0.75rem 2rem;}
.g-exc dt img{ display:block; width:100%;}
.g-exc dd h3{ text-align:center; font-size:1.1rem; font-weight:bold; color:#fff; line-height:2rem; height:2rem; padding-top:1rem;overflow:hidden;}
.g-exc dd span{ display:block; text-align:center; font-size:1.1rem; color:#dde1ec;}
.g-exc dd p{ font-size:1.1rem; text-align:center; line-height:1.5rem; color:#dde1ec; text-align:center;}
.g-exc dd em{ display:block; width:40.64%; height:2rem; border:1px solid #dde1ec; margin:1.5rem auto 0; border-radius:1.5rem; font-size:1rem; line-height:2rem; background:url(../image/exc_jt.png) no-repeat 90% center; background-size:2rem 0.65rem; color:#fff; padding-left:10%;}
.g-exc .prev2{ width:3.8rem; height:20.1rem; overflow:hidden; position:absolute; top:9.5rem; left:0; background:url(../image/exc_left.gif) no-repeat; background-size:100% 100%; z-index:2;} 
.g-exc .next2{ width:3.8rem; height:20.1rem;overflow:hidden; position:absolute; top:9.5rem; right:0; background:url(../image/exc_right.gif) no-repeat; background-size:100% 100%;z-index:2;}

.g-honor{ margin:2rem 0;}
.g-honor ul{ width:93.75%; margin:1.5rem auto 0;}
.g-honor li{ width:48.66%;}
.g-honor li img{ display:block; width:100%;}
.g-honor li em{display:block; line-height:3.6rem; overflow:hidden; height:3.6rem; color:#666; font-size:1.1rem; text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.g-honor a:nth-child(2n-1) li{ float:left;}
.g-honor a:nth-child(2n) li{ float:right;}
.arr2{ position:relative;height:3.15rem; background:url(../image/honor_line2.png) no-repeat center center; background-size:100% 1px;}
.arr2 .prev3{ width:7.8rem; height:3.15rem; overflow:hidden; position:absolute; top:0; left:23%; margin:0; background:url(../image/honor_left.gif) no-repeat; background-size:100% 100%; z-index:2;} 
.arr2 .next3{ width:7.8rem; height:3.15rem;overflow:hidden; position:absolute;top:0;right:20%; margin:0;  background:url(../image/honor_right.gif) no-repeat; background-size:100% 100%;z-index:2;}

.news_nav{ background:#333; height:3.75rem; position:relative; width:93.75%; margin:1.2rem auto 0;}
.news_nav p{ width:25%; height:3.75rem;font-size:1.2rem;float:left; text-align:center; color:#fff; line-height:3.75rem;}
.news_nav p.cur{background:#023793;}
.news_nav a{display:block; position:absolute; top:1.1rem; right:3%; font-size:1.1rem; color:#fff; text-transform:uppercase; font-family: Arial;z-index:2; background-size:1.3rem 1.3rem; padding-left:5%;}
.dl01{ border:1px solid #d5d5d5; box-sizing:border-box;}
.dl01,.dl02{ width:93.75%; margin:1rem auto 0;}
.dl01 dt{ width:36.33%; float:left;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:59.16%; float:right;}
.dl01 dd h3,.dl02 dd h3{ font-size:1.2rem; color:#090001; line-height:2.5rem; height:2.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:.2rem;}
.dl01 dd h3{ font-weight:bold;}
.dl01 dd p{ padding-right:2%;}
.dl01 dd p,.dl02 dd p{ font-size:1.1rem; line-height:1.6rem; color:#737373;}
.dl01 dd p em{ color:#023793;}
.dl02{ height:5.4rem; overflow:hidden; border:1px solid #e2e2e2; box-sizing:border-box;}
.dl02 dt{ width:17.25%; height:4.9rem; padding-top:.5rem; border-right:1px solid #e2e2e2; float:left; overflow:hidden; text-align:center; font-size:2.5rem; color:#424242; background:#e2e2e2;}
.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;}
.dl02 dd p em{ color:#c30119;}

.g-about{ margin:2rem 0;}
.g-about dt img{ display:block; width:100%; margin-top:1.4rem;}
.g-about dd h3{ width:10.65rem; position:relative; margin:-3.7rem auto 0;}
.g-about dd h3 img{ display:block; width:100%;}
.g-about dd h4{ text-align:center; font-size:1.3rem; font-weight:bold; color:#292929; padding:0.8rem 0;}
.g-about dd p{ font-size:1.1rem; line-height:1.7rem; color:#666; padding:0 3%;}
.g-about dd p em{ color:#023793;}

/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0; background:url(../image/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;}}