/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#015baa; opacity:1;}
.ban .swiper-pagination-bullet-active{ background:#d51d23;}

/*
.g-pro p{ margin:3rem 0 0 0;}
.g-pro p a{ display:block; width:33.33%; float:left; margin-bottom:1.2rem;}
.g-pro p span{ display:block; width:77.93%; margin:0 auto; background:url(../Images/Index/nav_bg1.png) no-repeat; background-size:100% 100%; height:7.8rem; overflow:hidden; font-size:1.2rem; color:#fff; text-align:center;}
.g-pro p em{ display:block; width:38.55%; margin:0 auto; padding-top:1rem;}
.g-pro p em img{ display:block; width:100%;}
.g-pro p a:nth-child(3) i{ display:block; padding:0 14%;}
.g-pro dt img{ display:block; width:100%;}
.g-pro dd{ padding:1rem 5%;}
.g-pro dd h3{ font-size:1.3rem; color:#333333; line-height:2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-pro dd span{ font-size:1.2rem; color:#666666; line-height:1.9rem;}
.g-pro dd span em{ color:#d51d23;}
.pro{ padding-bottom:3rem;}
.pro .swiper-pagination-bullet{ background:#c9c9c9; opacity:1;}
.pro .swiper-pagination-bullet-active{ background:#0050a5;}*/

.g-pro{ background:#efefef;}
.g-pro dl{ border-bottom:2px solid #bbbbbb; padding:2rem 3%;}
.g-pro dt{ width:48.33%;}
.g-pro dt img{ display:block; width:100%;} 
.g-pro dd{ width:48.5%;}
.g-pro dd h3{ font-size:1.5rem; font-weight:bold; color:#333; margin-top:1.5rem;}
.g-pro dd p{ font-size:1rem; color:#333; margin-top:1rem;}
.g-pro dd em{}



.g-key{ padding:3rem 0; background:#0056aa url(../Images/Index/pro_bg.jpg) no-repeat center top; background-size:100% auto; overflow:hidden;}
.g-key h2{ text-align:center; font-size:1.5rem; color:#fff;}
.g-key h2 em{ display:block; font-weight:bold; font-size:2rem; margin-bottom:1.5rem;}
.g-key dt img{ display:block; width:100%;}
.g-key dd{ width:85.2%; margin:2rem auto 0;}
.g-key dd h3{overflow:hidden; height:4rem;}
.g-key dd h3 em{ display:block; width:9.17%; float:left; margin-top:0.3rem;}
.g-key dd h3 em img{ display:block; width:100%;}
.g-key dd h3 span{ display:block; float:left; width:89%; float:right; font-size:1.7rem; font-weight:bold; color:#fff;}
.g-key dd h3 span i{ display:block; font-size:0.6rem; font-weight:normal; text-transform:uppercase; color:#a4b7d7;}
.g-key dd p{ font-size:1.2rem; color:#fff; background:url(../Images/Index/ys_jt.png) no-repeat left 0.8rem; background-size:0.55rem 0.55rem; padding-left:4%; line-height:2rem;}

.arr{ position:relative; width:100%; margin-top:2.1rem; padding-bottom:2rem;}
.arr .swiper-pagination{ width:100%;}
.arr .swiper-pagination-bullet{ width:0.7rem; height:0.7rem; border-radius:0.7rem; background:#fff; margin:0.8rem 2% 0 2%; opacity:1;}
.arr .swiper-pagination-bullet-active{ background:#c30118;}
.arr .swiper-button-next{ width:2.4rem; height:2.4rem; background:url(../Images/Index/right.png) no-repeat; background-size:100% 100%; right:25%;}
.arr .swiper-button-prev{ width:2.4rem; height:2.4rem; background:url(../Images/Index/left.png) no-repeat; background-size:100% 100%; left:25%;}

.g-new{background: #efefef;
padding: 3rem 4.6875%;}
.tit{ text-align:center; font-size:2rem; font-family: Arial; text-transform:uppercase; color:#dfdfdf;}
.tit i{ display:block; width:100%; font-size:1.7rem; font-family:"Microsoft YaHei"; color:#045ea7; font-weight:bold; margin-top:-1.5rem;}
.g-new dl{ margin-top:1.5rem; background:#f7f7f7;}
.g-new dt{ width:41.379%;}
.g-new dt img{ display:block; width:100%;}
.g-new dd{ width:50.86%; padding:0 3.2%;}
.g-new dd h3{ font-size:1.1rem; color:#555; line-height:2.5rem; height:2.5rem; margin-top:0.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-new dd p{ font-size:1rem; line-height:1.6rem; color:#999;}

.g-about{ background:#f7f7f7; padding:3rem 0;}
.g-about dl{ width:90.625%; margin:1.6rem auto 0;}
.g-about dt img{ display:block; width:100%;}
.g-about dd h3{ font-size:1.2rem; font-weight:bold; color:#555555; line-height:2rem; margin:1.5rem 0 0.5rem;}
.g-about dd p{ font-size:1rem; line-height:1.8rem; color:#555;}
.g-about dd p em{ color:#d51d23;}


.g-pic{ background:#efefef; padding:2.2rem 0;}
.tabs2{ height:3rem; border-bottom:1px solid #f7f7f7; overflow:hidden; margin:0 4.6875%;}
.tabs2 a{ display:block; float:left; line-height:3rem; font-size:1.4rem; font-weight:bold; margin-right:8%;}
.tabs2 .active{ color:#0355a9;}
.pic{ width:90.625%; margin:1.5rem auto 0; overflow:hidden;}
.pic li{ width:45.66%;}
.pic li img{ display:block; width:100%;}
.pic li em{ display:block; text-align:center; line-height:2.5rem; height:2.5rem; color:#454545; overflow:hidden; font-size:1rem;text-overflow:ellipsis;white-space:nowrap;}
.pic a:nth-child(2n-1) li{ float:left;}
.pic a:nth-child(2n) li{ float:right;}

.g-code{ height:20.15rem; background:url(../Images/Index/code_bg.jpg) no-repeat center top; background-size:100% 100%; text-align:center; color:#fff; font-size:2rem; padding:3.3rem 0 0 0;}
.g-code em{ display:block; font-size:2.4rem; font-weight:bold; font-family:Arial; padding-top:0.5rem;}
.g-code p{ width:28.125%; margin:1.4rem auto 0;}
.g-code p img{ display:block; width:100%; border:0.6rem solid #fff; box-sizing:border-box;}


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