.wrap img{width: 100%;display: block;}
.id_loading{position:fixed;width:100%;height:100%; top:0; background:url(../images/home1.jpg) no-repeat #7ab3e0 ;background-size:100% auto;z-index:51; 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;
}

/*骞垮憡*/
.ban{position: relative;}
.ban img { line-height: 0}/*
.g_bd .ban .swiper-pagination-bullets .swiper-pagination-bullet{margin:0;}
.g_bd .ban .swiper-pagination-bullets{bottom:-0.3rem;left:0;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban .swiper-pagination-bullet{width:33%; height: 0.3rem;background: #0773d7;opacity: 1;border-radius: 0}
.ban .swiper-pagination-bullet-active{background: #00a038}*/

/*鏍囬鏍峰紡*/
.hdtit{padding-top:2.5rem; text-align:center; color:#333333; font-size:1.8rem; font-weight:normal;padding-bottom:0.8rem;}
.hdtit a{ color:#333333; font-size:1.8rem; }
.hdtit em{ display:block; height:0.1rem; background:#fed104;width:4rem; margin:0.8rem auto 0.6rem; }
.hdtit span{ display:block; font-size:0.9rem;}

/*瀹㈡埛*/
.cust{padding:2.25rem 3%; background:#f2f2f2; }
.cust li{ float:left; width:31%;margin-right:2.6%;}
.cust li:last-child{margin-right:0;}

/*妗堜緥*/
.case {padding:0 3% 2.7rem; background:#FFF;}
.case .casetit{margin-bottom:0.6rem; height:4rem; overflow:hidden;}
.case .casetit li,.case .casetit .t4{width:25%;border-right:1px solid #FFF;box-sizing: border-box; float:left; text-align:center; height:4rem; line-height:4rem; font-size:1.2rem;color:#FFF; background:#005aa3;}
.case .casetit li.z-on,.case .casetit li:hover{ background:#fed104; color:#333333;}
.case .casetit i{padding-left:1.6rem;display:inline-block; background:url(../images/ic1.jpg) no-repeat left center; background-size:1.5rem 1.3rem; }
.case .casetit li:nth-child(2) i{ background-image:url(../images/ic2.jpg);}
.case .casetit li:nth-child(3) i{ background-image:url(../images/ic3.jpg);}
.case .casetit .t4 i{ background-image:url(../images/ic4.jpg);}

.case .casetit li.z-on i,.case .casetit li:hover i{ background-image:url(../images/ic11.jpg);}
.case .casetit li:nth-child(2).z-on i,.case .casetit li:nth-child(2):hover i{ background-image:url(../images/ic22.jpg);}
.case .casetit li:nth-child(3).z-on i,.case .casetit li:nth-child(3):hover i{ background-image:url(../images/ic33.jpg);}
.case .casetit li:nth-child(4).z-on i,.case .casetit li:nth-child(4):hover i{ background-image:url(../images/ic44.jpg);}
.case h4{ overflow: hidden; padding-top:1rem; text-align:center;}
.case h4 span{ display:inline-block;  width: 0.9rem; height:0.9rem; border-radius: 0.9rem; background: #005aa3; margin-right: 0.8rem;}
.case h4 span.z-on{ background: #fed104;width:3rem;}
/*浼樺娍*/
.ys{ background:url(../images/ysbg.jpg); height:8rem;}
.ys h2{ color:#FFF; padding-top:1.3rem;}
.ys1{ background:#f2f2f2; padding:0 3% 0.9rem;}
.ys1 h3{padding-top:1.1rem; height:4.5rem; line-height:4rem;color:#005aa3; font-size:1.5rem; text-align:center; font-weight:bold;}
.ys1 h3 em{color:#fed104; padding-right:0.2rem}
.ys1 li{float:left;width:48.3%;margin-right:3.4%; text-align:center;margin-bottom:0.6rem;}
.ys1 li:nth-child(2n){ margin-right:0;}
.ys1 li img{ border:1px solid #e6e6e6; box-sizing: border-box; display:block;}
.ys1 li a{color:#333; font-size:1.2rem; line-height:3rem;overflow: hidden; text-overflow:ellipsis;white-space:nowrap; display:block;}

.ys2{ background:#FFF; padding:0 3% 2rem ;}
.ys2 h3{padding-top:1.1rem; height:4.5rem; line-height:4rem;color:#005aa3; font-size:1.5rem; text-align:center; font-weight:bold;}
.ys2 h3 em{color:#fed104; padding-right:0.2rem}
.ys2 dl{border:1px solid #e6e6e6; padding:0.9rem 3% 1.9rem;box-sizing: border-box;}
.ys2 dl h4{margin-top:1rem; font-size:1.4rem; color:#005aa3; font-weight:bold; line-height:1.5rem;margin-bottom:0.5rem;}
.ys2 dl h4 em{ display:block; color:#cccccc; font-size:1rem; line-height:1.5rem; font-weight:normal; text-transform:uppercase;}
.ys2 dl p{ padding-left:1.3rem; font-size:1.2rem;color:#666; background:url(../images/ys_ico.jpg) no-repeat left 0.5rem; background-size:0.6rem 0.6rem;}
.ys2 .m-cnt{ height:3.8rem; background:url(../images/shou_03.jpg) no-repeat ; background-size:100% 3.8rem; text-align:center;}
.ys2 .m-cnt li{ font-weight:bold; color:#999999;  line-height:3.8rem; display:inline-block; font-size:2.2rem; font-family:"Impact";padding:0 0.6rem}
.ys2 .m-cnt li.z-on{ color:#005aa3;}


.ys3{ background:#005aa3; padding:0 3% 2.5rem;}
.ys3 h3{padding-top:1.1rem; height:4.3rem; line-height:4rem;color:#FFF; font-size:1.5rem; text-align:center; font-weight:bold;}
.ys3 h3 em{color:#fed104; padding-right:0.2rem}
.ys3 li{ float:left; width:31%;margin-right:2.6%;margin-bottom:1rem; text-align:center; background:#FFF;}
.ys3 li i{width:52%; margin:1rem auto; display:block;}
.ys3 li b{ font-size:1.2rem; display:block; font-weight:bold;color:#333333; line-height:1.5rem;padding-bottom:1.2rem;}
.ys3 li a{color: #fff;}
.ys3 li:nth-child(3n){margin-right:0;}
.ys3 li:last-child{ background:none; font-size:1.2rem; color:#ffffff; font-weight:bold; }
.ys3 li:last-child span{ display:block;padding-left:1rem; height:2rem; line-height:2rem; font-weight:normal; background:url(../images/tel.png) no-repeat 6.4rem center; background-size:2rem 2rem; text-align:left;margin:2.9rem 0 0.8rem; }


/*妯″紡*/
.lc{ background:#FFF; padding:0 3%;}
.lc li{ float:left; width:21.6%; height:8rem; margin-right:4.5%;text-align:center; border:1px solid #e6e6e6;box-sizing: border-box;}
.lc li i{width:50%; margin:0.7rem auto; display:block;}
.lc li span{ font-size:1.2rem; display:block;color:#333333; line-height:1.7rem;padding-bottom:1.2rem;}
.lc li:nth-child(4n){margin-right:0;}

/*鍏充簬*/
.about{ padding:0 3%;}
.about h2{padding-bottom:1.4rem;}
.about p{ font-size:1.2rem; color:#666666; line-height:2rem; text-indent:2.5rem;margin-top:0.5rem;}
.about p a{color:#005aa3;}



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