body {
    color: #333;
     font-style: 100%;
    font-family:"微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
    margin:0 auto;
    position:relative;
    overflow-x: hidden;
    background: #fffefe;


}



.img-hide{ overflow:hidden; display: block; }
.slick-slider{ touch-action: auto!important; }

.img-hide img,.div-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .div-img{transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{max-width:100%;display: inline-block;vertical-align: middle;}




.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}


.box-center{ width: 17.5rem; margin:0 auto; }
.logo{ padding-top: 0.35rem; max-width: 6.31rem; }
.header-txt{ max-width: 5rem; padding-top: 0.67rem; margin-right: 2.7rem; }
.header-a a{ display: block; transition: 0.3s all; float: left; margin-left: 0.2rem; margin-top: 0.6rem; width: 0.84rem; line-height: 0.38rem; text-align: center; color: #fff; font-size: 0.20rem; border:solid 1px #2c6ae5; border-radius: 0.04rem; font-weight: bold;background: #2c6ae5;  }
/*.header-a a:first-child:hover{ background: #2c6ae5; color: #fff; }*/

.header-a a:first-child{ background: #2c6ae5; color: #fff; }
.header-a a:first-child:hover{ background: #003b9c;}


.header-a a:last-child{ background: #2c6ae5; color: #fff; }
.header-a a:last-child:hover{ background: #003b9c;
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0, 80, 201, 0.3); }
.nav-list li{ float: left; margin-left: 0.7rem; }
.nav-list{ margin-top: 0.3rem; }
.nav-list li a{ font-size: 0.2rem; color: #737477; font-weight: bold; }
.nav-list li a:hover,.nav-list li.active a{ color: #0052d9; }
.header{ padding-bottom: 0.3rem; }
.banner{ background: url(../images/banner.png) center no-repeat; background-size: cover; padding-top: 0.9rem; }
.banner-ul{ padding:0 1.5rem; padding-bottom: 0.2rem; }
.banner-ul li{ float: left; width: 25%; padding:0 0.4rem; padding-top: 0.5rem; margin-bottom: 0.8rem; }
.banner-ul li a{ display: block; transition: 0.3s all; text-align: center; padding:0.4rem; background:url(../images/ze.png) center no-repeat; background-size: 100% 100%; border-top:none; position: relative; height: 1.8rem; }
.banner-ul li a:hover{ transform: translate(0,-15px); }
.icon-ul{ position: absolute; left: 0; top: -0.5rem; right: 0; text-align: center; }
.icon-ul img{ height: 0.8rem; }
.banner-ul-tt{ font-size: 0.36rem; color: #262930; font-weight: bold; }
.banner-ul li a:hover .banner-ul-tt{ color: #0052d9; }
.banner-ul li a span{ position: absolute; right: 0.3rem; bottom: 0.2rem; font-size: 0.18rem; color: #fff; border-radius: 0.4rem; background: #0052d9; border-radius: 0.04rem; width: 1rem; line-height: 0.4rem; }
.bottom{ background: rgba(255,255,255,0.5); padding:0.8rem 0 0.2rem 0; }
.bottom-c{ position: relative; padding-left: 1.6rem; margin:0 1.15rem; padding-bottom:0.25rem; }
.bottom-tt{ font-size: 0.3rem; color: #262930; font-weight: bold; position: absolute; left: 0; top: 0; }
.bottom-ul li{ float: left; width: 14.285714%; padding:0 0.06rem; margin-bottom: 0.15rem; }
.bottom-ul li img{ transition: 0.3s all; }
.bottom-ul li a:hover img{ transform: scale(1.05);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12) }
.footer-p p{ font-size: 0.16rem; color: #fff; margin-bottom: 0.15rem; }
.footer{ background: #000; padding:0.3rem 0 0.15rem 0; }
.footer .clearfix{ padding:0 1.15rem; }
.footer-right p{ font-size: 0.18rem; color: #fff; margin-top: 0.15rem; }
.footer-right img{ width: 1.17rem; }
.footer-right{ padding-top: 0.25rem; }
.menu-button { position: absolute; display: none; top: 18px; right: 0px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #2c6ae5; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ top: 16px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}

@media( max-width: 768px){
  .menu-button{ display: block; }
  .box-center{ width: 100%; padding:0 15px; }
  .logo{ max-width: 180px; padding-top: 10px; }
  .header-txt{ display: none; }
  .header{ position: relative; z-index: 100; }
  .header-a{ margin-right: 35px; }
  .header-a a{ width: auto; padding:6px 10px; font-size: 14px; line-height: 1; border-radius: 4px; margin-left: 5px; margin-top: 10px; }
  .nav-list{ margin: 0px; display: none; padding:0; background: #fff; position: absolute; left: -15px; top: 100%; right: -15px;  }
  .nav-list li{ margin:0; width: 100%; float: none; }
  .nav-list li a{ font-size: 14px; line-height: 40px; padding:0 15px; display: block; }
  .banner{ padding:15px 0 0 0; }
  .banner-ul{ padding:0 10px; padding-bottom: 15px; }
  .banner-ul li{ width: 50%; margin-bottom: 15px; margin-bottom: 10px; padding:0 5px; margin-top: 30px; }
  .banner-ul li a{ height: 100px; padding-top: 28px; }
  .icon-ul img{ height: 40px; }
  .icon-ul{ top: -20px; }
  .banner-ul-tt{ font-size: 16px; }
  .banner-ul li a span{ width: auto; height: auto; padding:6px 15px; line-height: 1; font-size: 14px; right: 10px; bottom: 10px; }
  .bottom-c{ margin:0; padding:0; }
  .bottom-tt{ position: static; font-size: 16px; margin-bottom: 10px; }
  .bottom-ul li{ width: 33.333333%; margin-bottom: 10px; padding:0 5px; }
  .bottom-ul{ margin:0 -5px; }
  .footer .clearfix{ padding:0; }
  .footer-p p{ font-size: 12px; margin-bottom: 5px; }
  .footer{ padding:20px 0; }
  .footer-right img{ width: auto; }
  .footer-right{ width: 100%; margin-top: 10px; }
  .footer-right p{ font-size: 14px; margin-top: 10px; }
}