html,body{ background:#f6f6f6;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1;}
.ban .swiper-pagination-bullet-active{background: #28375f;width:1.5rem; border-radius:1rem;}

.g-yinz{ margin:2.6rem 0 1.7rem;}
.g-yinz h3{display:block; width:83.75%;overflow:hidden; margin:0 auto 1rem;border: 1rem solid #000;border-radius: 1rem;}
.g-yinz h3 img{ display:block; width:100%;}
.g-yinz dl{ width:84.40625%; margin:0 auto; background:url(../images/yinz_line.gif) no-repeat left top; background-size:1.1rem 17.6rem; padding-left:7%;}
.g-yinz dt{ font-size:1.8rem; color:#363636; font-weight:bold; margin-bottom:1rem;}
.g-yinz dt b{ color:#28375f;}
.g-yinz dt em{ display:block; font-size:1.2rem; font-weight:normal; color:#4d4948; padding:0.5rem 0 1rem; background:url(../images/yinz_line2.gif) no-repeat left bottom; background-size:1.9rem 0.15rem;}
.g-yinz dd p{ font-size:1rem; color:#7c7c7c; background:url(../images/yinz_jt.png) no-repeat left 0.5rem; background-size:0.6rem 0.6rem; padding-left:4%; line-height:1.5rem;}
.g-yinz dd span{ display:block; width:37.87%; height:2.6rem; border-radius:1.5rem; background:url(../images/yinz_btn.png) no-repeat; background-size:100% 2.6rem; font-size:1rem; font-weight:bold; color:#fff; line-height:2.6rem; padding-left:5%; margin-top:1rem;}

.g-honor{ width:90.625%; margin:0 auto 2rem; overflow:hidden; padding-bottom:4rem; position:relative;}
.g-honor li{ width:48.96%; border:0.5rem solid #370101; box-sizing:border-box;}
.g-honor li img{ display:block; width:100%;}
.g-honor a:nth-child(2n-1) li{ float:left;}
.g-honor a:nth-child(2n) li{ float:right;}
.g-honor .prev1{ width:1.8rem; height:1.8rem; position:absolute; top:91%; left:42%; background:url(../images/honor_l.png) no-repeat;background-size:100% 100%;}
.g-honor .next1{ width:1.8rem; height:1.8rem; position:absolute; top:91%;right:42%;background:url(../images/honor_r.png) no-repeat;background-size:100% 100%;}

.g-pro{ background:#f0f0f0; padding:2.5rem 0;}
.g-pro p{ width:90.625%; margin:0 auto;}
.g-pro p a{ display:block; width:48.2%; height:3rem; border-radius:0.2rem; background:url(../images/fen_bg.png) no-repeat;background-size:100% 100%;margin-bottom:1rem; text-align:center; font-size:1.2rem; color:#fff;text-overflow:ellipsis;white-space:nowrap; overflow:hidden; line-height:3rem; box-shadow:0.1rem 0.1rem 0.5rem 0.1rem #ddd;}
.g-pro ul{width:90.625%; margin:0 auto;}
.g-pro li{width:48.2%;box-shadow:0.1rem 0.1rem 0.5rem 0.1rem #ddd; background:#fff; margin-bottom:1rem;}
.g-pro li img{ display:block; width:100%;}
.g-pro li p{ font-size:1rem; color:#676767; padding:1rem 0 1rem 4%; text-align:center;}
.g-pro li p em{ display:block; font:0.5rem Arial; color:#d0d0d0; padding-top:0.3rem;}
.g-pro a:nth-child(2n-1) li,.g-pro p a:nth-child(2n-1){ float:left;}
.g-pro a:nth-child(2n-1) li{clear:both;}
.g-pro a:nth-child(2n) li,.g-pro p a:nth-child(2n){ float:right;}
.g-pro h5{width:65.625%; margin:1.2rem auto 0; height:3rem; background: url(../images/ppro_btn.png) no-repeat; background-size:100% 100%; font-size:1.2rem; font-weight:bold; color:#fff; line-height:3rem;padding-left:25%; border-radius:0.2rem;}

.tit{ text-align:center; font-size:2.1rem; font-weight:bold; color:#363636;}
.tit b{ color:#28375f;}
.tit em img{ display:block; width:100%; margin:0.5rem 0 1rem;}
.tit i{ display:block; font-size:1rem; font-weight:normal; padding-top:0.3rem;}

.g-kunr{ margin:2.5rem 0 2rem;}
.g-kunr h2 img{ display:block; width:100%;}
.g-kunr2{ width:90.625%; margin:1.6rem auto 0;}
.g-kunr dl{ width:47.586%;box-shadow:0.1rem 0.1rem 0.5rem 0.1rem #ddd; background:#fff; margin-bottom:1rem;} 
.g-kunr dt img{ display:block; width:100%;}
.g-kunr dd em{ display:block; width:2.1rem; height:2.1rem; margin:-1.05rem auto 0; background:#28375f; border-radius:2.1rem; text-align:center; line-height:2.1rem; color:#fff; z-index:1; position:relative; font-size:1rem;}
.g-kunr dd h3{ text-align:center; font-size:1.2rem; font-weight:bold; color:#404040; padding:0.5rem 0 1rem;}
.g-kunr dd h3 span{ display:block; font-weight:normal; font-size:1rem;}
.g-kunr dd h3 b{ color:#28375f;}
.g-kunr dl:nth-child(2n-1){ float:left;}
.g-kunr dl:nth-child(2n){ float:right;}

.g-guan1{ position:relative;}
.g-guan1 h2 img{ display:block; width:100%; height:100%;}
.g-guan1 p{ font:14px "Microsoft YaHei"; color:#dadada; background:url(../images/guan_lx.png) no-repeat left 0.3rem; background-size:1.8rem 1.8rem; padding-left:8%; position:absolute; bottom:3rem; left:4%;}
.g-guan1 p em{ display:block; font-size:1.3rem; font-family: Arial; font-weight:bold; color:#fff;}

.g-online{ background:#28375f url(../images/online_bg.gif) no-repeat center top; background-size:100% 0.75rem; padding:1.5rem 4.5%;}
.g-online h2{ font-size:1.2rem; font-weight:bold; color:#fff; padding-bottom:0.8rem;}
.g-online li{ background:#fff; height:2.7rem; line-height:2.7rem; overflow:hidden; margin-bottom:0.5rem;}
.g-online li input{ background:#fff; height:2.7rem; line-height:2.7rem; border:0; font-size:1rem; color:#c1c1c1; padding-left:5%; width:92%;overflow:hidden;}
.g-online .ly{ padding:1rem 0;height:6rem;}
.g-online .ly textarea{background:#fff; height:6rem; resize:none; overflow:hidden;line-height:1.5rem; border:0; font-size:1rem; color:#c1c1c1; padding-left:5%; width:92%;}
.g-online .btt{ width:50%;}
.g-online .btt input{ font-size:1.2rem; font-weight:bold; color:#28375f; padding:0; text-align:center; width:100%;}

.g-case{ padding:2.5rem 0 1rem;}
.tab01{ width:90.625%; margin:1.5rem auto 0;}
.tab01 a{ display:block; width:48.275%; height:6.5rem; background:url(../images/case_bg01.gif) no-repeat center top; background-size:100% 100%; margin-bottom:0.8rem; text-align:center; font-size:1.2rem; color:#fff;text-overflow:ellipsis;white-space:nowrap;}
.tab01 span,.tamore span{ display:block; width:3.2rem; height:3rem; margin:0 auto; overflow:hidden; padding-top:0.5rem;}
.tab01 span em,.tamore span em{ display:block; width:100%; height:100%;}
.tab01 span i,.tamore span i{display:block; width:100%; height:100%;}
.tab01 span img,.tamore span img{display:block; width:100%;}
.tab01 .active em{ display:none;}
.tab01 .active{ background:url(../images/case_bg02.png) no-repeat center top; background-size:100% 100%;}
.tab01 a:nth-child(2n-1){ float:left;}
.tab01 a:nth-child(2n){ float:right;}
.tamore{display:block; width:43.75%; height:6.5rem; background:#363636; margin-bottom:0.8rem; text-align:center; font-size:1.2rem; color:#fff;text-overflow:ellipsis;white-space:nowrap; float:left; margin-left:3%;}
.case{ width:90.625%; margin:0 auto; background:#ececec; padding-bottom:2rem; overflow:hidden;}
.case dt img{ display:block; width:100%;}
.case dd{ padding:1.1rem 5% 0;}
.case dd h3{ font-size:1.5rem; font-weight:bold; color:#363636;}
.case dd h3 span{ display:block; font-size:1.1rem; color:#4f4f4f; font-weight:normal; text-decoration:underline;}
.case dd p{ font-size:1rem; line-height:1.4rem; color:#676767; padding:0.8rem 0;}
.case dd span{ display:block;}
.case dd span a{ display:inline-block; width:31%; height:2.6rem; background:url(../images/case_btn1.gif) no-repeat center top; background-size:100% 100%; text-align:center; font-size:1.1rem; color:#fff; line-height:2.6rem; margin-right:2%;}
.case dd span a:last-child{ background:url(../images/case_btn2.png) no-repeat center top; background-size:100% 100%;}

.g-case2{ width:90.625%; margin:0 auto; overflow:hidden;}
.g-case2 li{ width:48.79%;}
.g-case2 li img{ display:block; width:100%;}
.g-case2 li em{ display:block;height:2.5rem; line-height:2.5rem; text-align:center; color:#333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:1rem; text-transform:uppercase;}
.g-case2 a:nth-child(2n-1) li{ float:left;}
.g-case2 a:nth-child(2n) li{ float:right;}
.g-case2 h5{ margin:1.2rem auto 0; height:3rem; background:url(../images/ppro_btn.png) no-repeat center top; background-size:100% 100%; font-size:1.2rem; font-weight:bold; color:#fff; line-height:3rem;padding-left:25%; border-radius:0.2rem;}

.g-baoz{ padding:2rem 0 1.5rem;}
.g-baoz .tit em{ display:block; text-align:center; height:2.2rem; border-radius:1.5rem; color:#28375f;  font-size:1.2rem; line-height:2.2rem; font-weight:normal; margin:0.5rem 5%;}
.baoz{ width:90.625%; margin:1.5rem auto 0; overflow:hidden; position:relative; padding-bottom:4rem;}
.g-baoz dt img{ display:block; width:100%;}
.g-baoz dd{ background:#ececec; padding-bottom:1.2rem;}
.g-baoz dd h3{ height:6.5rem;margin:0.5rem 0 1rem; padding:1rem 0 0 3%;background:#28375f;background-size:1px 7.6rem;}
.g-baoz dd h3 em{ display:block; width:5.2rem; height:5.05rem; font-size:3rem; font-family: Arial; text-align:center; font-weight:bold; color:#dc241f; line-height:4.9rem; float:left; background:url(../images/ys_h.png) no-repeat; background-size:100% auto;}
.g-baoz dd h3 span{ display:block; font-size:1.5rem;  font-weight:bold; color:#fff;}
.g-baoz dd h3 span i{ display:block; font-size:1.1rem; font-weight:normal; padding-top:0.5rem;}
.g-baoz dd p{ font-size:1rem; line-height:1.5rem; color:#605f5f; background:url(../images/yinz_jt.png) no-repeat 5% 0.5rem; background-size:0.3rem 0.3rem; padding:0 3% 0 7%;}
.g-baoz .swiper-pagination,.g-cfa .swiper-pagination{ width:90.625%; margin:0 auto; background:url(../images/ys_line.gif) repeat-x center center; background-size:1px 1px;}
.g-baoz .swiper-pagination-bullet,.g-cfa .swiper-pagination-bullet{ opacity:1; width:0.8rem; height:0.8rem; border-radius:0.8rem; background:#363636; border:0.2rem solid #fff;}
.g-baoz .swiper-pagination-bullet-active,.g-cfa .swiper-pagination-bullet-active{background: #28375f;}

.g-lc ul{ background:url(../images/lc_bg.gif) no-repeat center top; background-size:100% auto; margin:1rem 0 1.5rem;}
.g-lc li{ width:25%; float:left; text-align:center; font-weight:bold; font-size:1.1rem; color:#363636; margin-bottom:1rem;}
.g-lc li span{ display:block; width:5.3rem; height:4.75rem; border:0.25rem solid #c1c1c1; background:#f6f6f6; margin:0.6rem auto 0.5rem;}
.g-lc li span em{display:block; font-size:0.8rem;width:1.5rem; height:1.5rem; margin:-0.9rem auto 0.6rem; text-align:center; line-height:1.5rem; color:#fff; background:#28375f;}
.g-lc li span i{ display:block; width:2.5rem; height:2.5rem; margin:0 auto;}
.g-lc li span i img{display:block; width:100%;}

.g-cfa{ width:90.625%; margin:0 auto; position:relative; overflow:hidden; padding-bottom:4rem;}
.g-cfa p img{ display:block; width:100%; border:0.5rem solid #370101; box-sizing:border-box;}
.g-cfa p em{display:block;height:2.5rem; line-height:2.5rem; text-align:center; color:#333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:1rem; text-transform:uppercase;}

.g-guan2{ background:#171614 url(../images/guan2.jpg) no-repeat center top; background-size:100% auto;}
.g-guan2 h5{ font-size:2rem; font-weight:bold; color:#28375f; padding:2rem 0 0 8%;}
.g-guan2 h5 em{ display:block; color:#fff; font-weight:normal;}
.g-guan2 p{ font:1rem "Microsoft YaHei"; color:#fff; background:url(../images/guan_lx.png) no-repeat 8% 0.7rem; background-size:1.8rem 1.8rem; padding-left:14%; padding-bottom:1.5rem;}
.g-guan2 p em{ font-size:1.8rem; font-weight:bold; color:#28375f;}

.g-num{background:url(../images/num_bg.gif) repeat-x center top; background-size:1px 19rem; margin-bottom:2.5rem; padding:1.5rem 0;}
.g-num ul{ width:90.625%; margin:0 auto; position:relative;}
.g-num ul:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; border-bottom:1px dashed #fff;} 
.g-num li{ width:50%; float:left; border-right:1px dashed #fff; box-sizing:border-box; height:8rem; padding-top:1rem; font-size:1.2rem; text-align:center; color:#fff;}
.g-num li em{ display:block; font-size:0.4rem; color:#eecb90; text-transform:uppercase;}
.g-num li span{ display:block; font-size:2.4rem;}
.g-num li span i{ font-size:1.2rem;}
.g-num li:nth-child(2n){ border:0;}

.tab02{ height:2.1rem; margin:1.2rem 0 1.6rem;}
.tab02 a{ display:block; width:29.875%; height:2.1rem; float:left; margin-left:2.6%; text-align:center; line-height:2.1rem; font-size:1.1rem; color:#fff; background:url(../images/dy_bg01.gif) no-repeat center top; background-size:100% 100%;}
.tab02 .active{ color:#fff; font-weight:bold;  background:url(../images/dy_bg02.png) no-repeat center top; background-size:100% 100%;}
.new{ width:90.625%; margin:0 auto; overflow:hidden;}
.new dl{ margin-bottom:1.5rem;}
.new dt{ width:31%; float:left;}
.new dt img{ display:block; width:100%;}
.new dd{ width:63.79%; float:right;}
.new dd h3{ font-size:1.1rem; color:#363636;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.new dd p{ font-size:1rem; line-height:1.2rem; color:#9b9b9b; padding:0.3rem 0;}
.new dd em{ display:block; font-size:1rem; color:#666;}

.g-about{ margin:1.5rem 0 2.5rem;}
.g-about dl{ width:90.625%; margin:1.5rem auto 0;}
.g-about dt img{ display:block; width:100%;}
.g-about dd{ background:#ececec; padding:1.2rem 5% 2.2rem;}
.g-about dd h3{ font-size:1.2rem; font-weight:bold; color:#363636;}
.g-about dd h3 em{ display:block; font-size:0.5rem; color:#a5a5a5; font-weight:normal;}
.g-about dd p{ font-size:1rem; line-height:1.3rem; color:#7a7a7a; padding:1rem 0;}
.g-about dd span{ display:block; width:27.6%; height:2.4rem; border-radius:1.5rem; text-align:center; line-height:2.4rem; color:#fff; font-size:1.2rem; background:url(../images/about_btn.png) no-repeat center top; background-size:100% 100%;}

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

.hzbox {
    overflow: hidden;
    width: 96%;
    margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    margin-top: 1.2em;
    margin-bottom: 1em;
}
.hzbox li {
    float: left;
    width: 32.3333333333%;
    text-align: center;
    margin-right: 0.5%;
    margin-left: 0.5%;
}
.m-ab{padding-top:1.5rem;}

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