.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%; top:0;background:#f6f6f6 url(http://127.0.0.1/template/wap/images/show.jpg) no-repeat 50% 50%;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{width: 100%;}
.ban img{ display:block; width:100%;}
/**/
.m-bt{display: block;width: 100%;text-align: center;font-size: 2rem;color: #003E93;height: 4.5rem;line-height: 2.2rem;position: relative;overflow: hidden;font-weight: bold;}
.m-bt:before{content: "";width: 2rem;height: 1px; background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(50,50,50,1));
  background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(50,50,50,1)); 
  background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(50,50,50,1)); 
  background: linear-gradient(to right, rgba(255,0,0,0), rgba(50,50,50,1));position: absolute;top: 1.8rem;left: 12%;}
.m-bt:after{content: "";width: 2rem;height: 1px; background: -webkit-linear-gradient(left, rgba(50,50,50,1), rgba(255,0,0,0));
  background: -o-linear-gradient(right, rgba(50,50,50,1), rgba(255,0,0,0)); 
  background: -moz-linear-gradient(right, rgba(50,50,50,1), rgba(255,0,0,0)); 
  background: linear-gradient(to right, rgba(50,50,50,1), rgba(255,0,0,0));position: absolute;top: 1.8rem;right: 12%;}
.m-bt b{color: #004A9F;}
.m-bt span{display: block;font-size: 0.6rem;color: #333;font-weight:normal; }
.m-bt{margin-bottom: 0.5rem;}
/*yz*/
.yz {background:url(../image/yzbg.jpg) no-repeat center 0;max-width:640px; min-width:320px;padding-top: 2rem;overflow: hidden;background-size: 100% 100%;padding-bottom: 4rem;}
.yz h2{height: 5.4rem;text-align: center;font-size: 3rem;font-weight: bold;color: #000000;line-height: 3rem;}
.yz h2 b{color: #1054B0;}
.yz h2 i{display: inline-block;font-style: normal;font-size: 2.4rem;margin-left: 0.3rem;margin-right: 0.3rem;}
.yz h2 em {font-size: 1.4rem;font-weight: lighter;}
.yz .yz-list dl{float: left;width: 86%;background-image: linear-gradient(-90deg, #1054B0, #1166D0);padding: 40px 0;box-shadow: 0 0 6px 6px rgba(0,0,0,0.1);margin-top: 30px;margin-left: 7%;overflow: hidden;display: block;}
.yz .yz-list dt{height: 88px;text-align: center;font-size: 24px;color: #fff;}
.yz .yz-list dt b{display: block;font-size: 24px;}
.yz .yz-list dd i{width: 82px;margin: 0 auto;display: block;overflow: hidden;}
.yz .yz-list dd i img{width: 82px;display: block;transition: all 0.3s linear 0s;}
.yz .yz-list dd:hover i img{transform: scale(1.2);}
.yz .yz-list p{width: 266px;text-align: center;font-size: 16px;line-height: 24px;color: #fff;margin: 0 auto 26px;}
.yz .yz-list span a{display: block;width: 180px;height: 40px;line-height: 40px;background: rgba(255,255,255,.6);text-align: center;font-size: 16px;color: #1054B0;margin: 0 auto;border-radius: 20px;position: relative;z-index: 1; }
.yz .yz-list span a:before{content: "";position: absolute;z-index:-1;width:0;height:40px;top: 0;left: 0;-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.yz .yz-list span a:hover:before{width: 180px;background:rgba(255,255,255,1);color: #fff;border-radius: 20px;}
.yz .yz-list span a:hover{color: #1054B0;}
/*产品导航*/
.g-cp {padding: 2.4rem 0 2.4rem 0 ;}
.g-cp h2{height: 5.4rem;text-align: center;font-size: 3rem;font-weight: bold;color: #000000;line-height: 3rem;}
.g-cp h2 b{color: #1054B0;}
.g-cp h2 i{display: inline-block;font-style: normal;font-size: 2.4rem;margin-left: 0.3rem;margin-right: 0.3rem;}
.g-cp h2 em {font-size: 1.4rem;font-weight: lighter;}
.cp_ul01 li{padding: 1.5rem 0 0;}
.cp_ul01 li a{display: block;font-size: 1.3rem;color: #000;width: 100%;height: 3.4rem;line-height: 3.4rem; background:#003E93;}
.cp_ul01 li em{display: block;float: right;line-height: 0;}
.cp_ul01 li em img{width: 1.7rem;height: 3.4rem;}
.cp_ul01 li span{display: block;float: left;line-height: 0;}
.cp_ul01 li span img{width: 2.3rem;height: 3.4rem;}
.cp_ul02{background: #f3f3f3;width: 100%;display: block;position: relative;overflow: hidden;}
.cp_ul02:before{content: "";width: 100%; height: px; background: #000; position: absolute; top: 50%; left: 0;}
.cp_ul01 .cp_ul02 li{padding: 0;}
.cp_ul01 .cp_ul02 li a{font-size: 1.2rem;color: #666;padding: 0 0 0 5%;width: 20%;height: 3.6rem;line-height: 3.6rem;background: none;position: relative;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_ul01 .cp_ul02 li a:before{content: "";width: 0.3rem; height: 0.3rem; background: #f3f3f3; position: absolute; top: 45%; left: 0.5rem;border-radius: 50%;}

/*产品图片*/
.m-cp{width: 92%;margin:5% auto;}
.m-cp ul li{width: 44.69%;float: left;padding: 1.4rem 0 0 1.1rem;border: px solid #fff;}
.m-cp ul li span{display: block; width: 100%; text-align: center; font-size: 1.2rem; color: #000; height: 2.5rem; line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-cp ul li img {width: 100%;}
/*pz*/
.pz {margin: 0 auto;padding: 5rem 0 5rem;background: url(../image/yzbg.jpg);overflow: hidden;}
.pz_info {width: 90%;margin: 2.5rem auto;}
.pz_info dl{float: left;width: 32%;margin-right: 2%;background: #003E93;transition: all 0.3s linear 0s;padding-top: 30px;padding-bottom: 30px;border-radius: 2%;/*margin-left: 2%;*/color: #fff;font-size: 1rem;}
.pz_info dl:nth-child(2){padding-top: 50px;padding-bottom: 50px;margin-top: -20px;}
.pz_info dl:hover{transform: translateY(-10px);box-shadow: 0px 8px 16px 0px #003E93);}
.pz_info .lastdl{margin-right: 0;}
.pz_info dt{/*height: 88px;*/text-align: center;font-size: 1.5rem;text-transform: uppercase;}
.pz_info dt b{display: block;font-size: 1.5rem;color: #fff;}
.pz_info dd i{width: 4.125rem;margin: 0 auto;display: block;overflow: hidden;}
.pz_info dd i img{width: 4.125rem;display: block;transition: all 0.3s linear 0s;}
.pz_info dd:hover i img{transform: scale(1.1);}

.pz_info p{width: 96%;text-align: center;font-size: 1rem;line-height: 1.85rem;color: #fff;margin: 0 auto 26px;}

/*优势*/
/**/
.m-solu{height:46.3rem; box-sizing: border-box;}
.m-solu h2{height: 5.4rem;text-align: center;font-size: 3rem;font-weight: bold;color: #000000;line-height: 3rem;margin-bottom: 2rem;}
.m-solu h2 b{color: #1054B0;}
.m-solu h2 i{display: inline-block;font-style: normal;font-size: 2.4rem;margin-left: 0.3rem;margin-right: 0.3rem;}
.m-solu h2 em {font-size: 1.4rem;font-weight: lighter;}
.m-solu .sol-nav {height:3.75rem; margin-bottom: 1.45rem;}
.m-solu .sol-nav ul li{float:left;width:50%; height:3.75rem;line-height: 3.75rem;text-align: center;background:#343434; font-size:1.4rem; color:#FFF;}
.m-solu .sol-nav ul li.s-on{background:#1054B0;}
.m-solu .sol-list dl dt{width:100%; line-height: 0; overflow:hidden;}
.m-solu .sol-list dl dt img{width:100%;}
.m-solu .sol-list dl dd{height:9.95rem;background:#F5F5F5;padding:1.1rem 1.65rem 0 1.95rem; box-sizing: border-box;}
.m-solu .sol-list dl dd h4{height:3.15rem; line-height: 3.15rem; margin-bottom: 0.3rem;}
.m-solu .sol-list dl dd h4 a{display:block;font-size:1.9rem; color:#333;font-family: "思源黑体 CN"; font-weight: bold;background-size:5.5%;}
.m-solu .sol-list dl dd h4 i {float: right;margin-left: 2rem;font-weight: lighter;}
.m-solu .sol-list dl dd p{line-height: 1.8rem;font-size:1.1rem; color:#666666;}
/**/
.m-ysbj{padding:4.5rem 4% 0;}
.m-ysbj h2{height: 5.4rem;text-align: center;font-size: 3rem;font-weight: bold;color: #000000;line-height: 3rem;margin-bottom: 2rem;}
.m-ysbj h2 b{color: #1054B0;}
.m-ysbj h2 i{display: inline-block;font-style: normal;font-size: 2.4rem;margin-left: 0.3rem;margin-right: 0.3rem;}
.m-ysbj h2 em {font-size: 1.4rem;font-weight: lighter;}
.m-ysbj .ys-nav{height:6.05rem;}
.m-ysbj .ys-nav li{float:left;width:33%; position: relative;}
.m-ysbj .ys-nav li i{display:block; width:2.0rem;height:2.3rem; margin:0 auto; line-height: 0; overflow:hidden;}
.m-ysbj .ys-nav li i img{width:100%;transition:0.5s;}
.m-ysbj .ys-nav li em{display:block; height:3.15rem; line-height: 3.15rem;text-align: center;font-size:1.4rem; color:#333333;}
.m-ysbj .ys-nav li.y-on i img{margin-top:-2.3rem;}
.m-ysbj .ys-nav li.y-on em{font-weight: bold;color:#1054B0;}
.m-ysbj .ys-list dl dt{width:100%; line-height: 0; overflow:hidden;}
.m-ysbj .ys-list dl dt img{width:100%;}
.m-ysbj .ys-list dl dd{height:18rem;background:#F5F5F5;padding:1.95rem 1.95rem 0 2.2rem; box-sizing: border-box;}
.m-ysbj .ys-list dl dd .tit{margin-bottom: 1.3rem;text-align: center;}
.m-ysbj .ys-list dl dd .tit h4{height:2rem; line-height: 2rem;font-size:2rem; color:#333333; font-family: "思源黑体 CN";font-weight: bold;display:inline-block;margin-bottom: 0.5rem;}
.m-ysbj .ys-list dl dd .tit h4 i{display:inline-block; width:0.2rem; height:0.2rem;background:#1054B0;margin:0 0.85rem 0 0.55rem; border-radius: 50%;vertical-align: middle;}
.m-ysbj .ys-list dl dd .tit h4 em{display:inline-block;font-size:2rem; color:#003171; vertical-align: top;}
.m-ysbj .ys-list dl dd .tit p{line-height:1.6rem;font-size:1rem; color:#bfc0bb;text-transform: uppercase;font-family: "思源黑体 CN";}
.m-ysbj .ys-list dl dd ul li{line-height: 1.8rem; margin-bottom: 0.75rem;font-size:1.1rem;color:#666666;}
.m-ysbj .ys-list dl dd ul li i {margin-right: 0.5rem;}
.m-ysbj .ys-list .swiper-pagination{bottom:3.8rem;}
.m-ysbj .ys-list .swiper-pagination .swiper-pagination-bullet{width:0.3rem;height:0.3rem;margin:0 0.25rem;border:1px solid #B6B6B6; border-radius: 50%; box-sizing: border-box;}
.m-ysbj .ys-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#E62042;border:1px solid #E62042;}
.m-ysbj .ys-list .ys-jt{width:40.2%; margin:0 auto;position: relative;z-index:200;}
.m-ysbj .ys-list .ys-jt i{display:block; width:2.6rem;height:2.6rem;}
.m-ysbj .ys-list .ys-jt i.ys-prev{background:url(http://127.0.0.1/template/wap/images/ys-prev.png) no-repeat center; background-size:100% 100%; position: absolute;left:0;top:-5.5rem;}
.m-ysbj .ys-list .ys-jt i.ys-next{background:url(http://127.0.0.1/template/wap/images/ys-next.png) no-repeat center; background-size:100% 100%; position: absolute;right:0;top:-5.5rem;}
/**/
.m-zcbj{padding:4.5rem 0 3.25rem;}
.m-zcbj h2{height: 5.4rem;text-align: center;font-size: 3rem;font-weight: bold;color: #000000;line-height: 3rem;margin-bottom: 2rem;}
.m-zcbj h2 b{color: #1054B0;}
.m-zcbj h2 i{display: inline-block;font-style: normal;font-size: 2.4rem;margin-left: 0.3rem;margin-right: 0.3rem;}
.m-zcbj h2 em {font-size: 1.4rem;font-weight: lighter;}
.m-zcbj .zc-pic{width:100%; line-height: 0; overflow:hidden;}
.m-zcbj .zc-pic img{width:100%;}
.m-zcbj .zc-desc{width:92%;height:15.75rem;margin:1rem auto 0;background:#FFF; padding:1.25rem 0 0 1.85rem; box-sizing: border-box; position: relative;z-index:200; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.m-zcbj .zc-desc h4{height:3.6rem; line-height: 3.6rem;text-align: center; margin-bottom: 0.45rem;font-size:1.5rem; color:#333333; font-weight: bold;}
.m-zcbj .zc-desc h4 i{color:#1054B0; font-size:1.95rem;}
.m-zcbj .zc-desc ul li{height:2.25rem; line-height: 2.25rem;padding-left:1.8rem; background:url(../image/zc-ico.png) no-repeat left;background-size:2.8%;font-size:1.4rem; color:#333333; position: relative;}
.m-zcbj .zc-desc ul li:before{width:0.05rem;height:1.5rem; background:#1054B0;content:""; position: absolute;left:0.4rem;top:1.5rem;}
.m-zcbj .zc-desc ul li:last-child:before{display:none;}
/*服务流程*/
/*定制流程*/
.liuc {
  padding: 0 0 0 2.3rem;
  overflow: hidden;
}

.liuc ul li {
  font-size: 16px;
  color: #333;
  float: left;
  position: relative;
  height: 130px;
  /*padding: 10px 0 0 30px;*/
  width: 25%;
  line-height: 26px;
}
.liuc ul li:before {
  content: "";
  width: 1px;
  height: 60%;
  background: #dfdfdf;
  position: absolute;
  top: 10%;
  right: 18px;
}
.liuc ul li:nth-child(1):after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 40%;
  right: 10px;
  margin-top: -8px;
  border-left:8px solid #dfdfdf;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}
.liuc ul li:nth-child(2):after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 40%;
  right: 10px;
  margin-top: -8px;
  border-left:8px solid #dfdfdf;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}
.liuc ul li:nth-child(3):after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 40%;
  right: 10px;
  margin-top: -8px;
  border-left:8px solid #dfdfdf;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}
.liuc ul li:nth-child(4):after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 40%;
  right: 10px;
  margin-top: -8px;
  border-left:8px solid #dfdfdf;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}
.liuc ul li:nth-child(5):after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 40%;
  right: 18px;
  margin-top: -8px;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-right:8px solid #dfdfdf;

}
.liuc ul li:nth-child(6):after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 40%;
  right: 18px;
  margin-top: -8px;
  border-right:8px solid #dfdfdf;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}
.liuc ul li:nth-child(7):after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 40%;
  right: 18px;
  margin-top: -8px;
  border-right:8px solid #dfdfdf;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}
.liuc ul li:nth-child(8):after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 40%;
  right: 18px;
  margin-top: -8px;
  border-right:8px solid #dfdfdf;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}
.liuc ul li em {
  width: 38px;
  height: 38px;
  display: block;
  line-height: 0;
  overflow: hidden;
  margin-bottom: 10px;
  margin-left: 13px;
}
.liuc ul li em img {
  width: 38px;
  height: 38px;

}
.liuc ul li i {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  color: rgba(51,51,51,0.5);
  font-family:Arial, Helvetica, sans-serif;
}
.liuc ul li:hover em {
  -webkit-animation:hvr-buzz-out 0.75s linear;
  animation:hvr-buzz-out 0.75s linear;
}
.liuc ul li:hover {
  font-weight: bold;
}
.liuc ul li.liuc-li02 {
  width: 140px;
}

/*案例*/

/*.g_antit{padding-top: 3rem;overflow: hidden;margin-top: 0.65rem;}
.g_antit .antit{height: 16rem;text-align: center;}
.g_antit .antit li{float: left;width:33%; height: 7.5rem; text-align: center; font-size: 1rem;color: #333333;transition: all 0.3s linear 0s;}
.g_antit .antit li:hover{transform: translateY(-10px);  }
.g_antit .antit li a{color: #333333;text-align: center;}
.g_antit .antit li p{height: 40px;margin-bottom: 0.6rem;overflow: hidden;text-align: center; width: 100%;}
.g_antit .antit img{width:40px;height:40px;text-align: center; }*/

.g_an{position: relative;padding: 0 12%;overflow: hidden;/*margin-bottom: 3rem;*/}
.g_an dl{width:96%;margin: 0 2%;}
.g_an dt{width: 100%;display: block;margin-bottom: 1.4rem;}
.g_an dt img{width: 100%;display: block;}
.g_an dd{width: 108%;height: 3rem;line-height: 3rem;background: #343434;text-align: center; left:-8%;position: relative;}
.g_an h3 a{font-size: 1.2rem;color: #fff;overflow: hidden;}
.g_an .swiper-pagination{display: none;}


/**/
.g-three{width: 100%;padding: 2rem 0 4rem;}
.g-three p{width: 28.13%;float: left;position: relative;line-height: 0;margin-left: 3.9%;}
.g-three p a{display: block;width: 100%;position: absolute;top: 0;left: 0;}
.g-three p span{display: block;font-size: 1.2rem;color: #fff;position: relative;text-align: center;width: 100%;height: 4.5rem;line-height: 5rem;overflow: hidden;}
.g-three p span:before{content: "";width: 1.8rem;height: 0.2rem;background: #01bade;position: absolute;bottom: 0;left: 38%;border-radius: 2px;}
.g-three p b{display: block;font-size: 1rem;color: #e2e3e4;text-align: center;font-weight: normal;line-height: 1.8rem;padding: 0.6rem 0 0;height: 5.2rem;}
.g-three p i{display: block;}
.g-three p em{display: block;width: 6rem;text-align: center;height: 1.8rem;line-height: 1.8rem;background: #01bade;font-size: 0.9rem;color: #fff;margin: 0 auto;border-radius: 0.2rem;}

/*关于我们*/
.g-honor{width: 100%; padding: 2.5rem 0 0; overflow: hidden;background:#004A9F;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;padding-bottom: 1.6rem;}
.g-honor h2{height: 5.4rem;text-align: center;font-size: 3rem;font-weight: bold;color: #fff;line-height: 3rem;margin-bottom: 2rem;}
.g-honor h2 b{color: #fff;}
.g-honor h2 i{display: inline-block;font-style: normal;font-size: 2.4rem;margin-left: 0.3rem;margin-right: 0.3rem;}
.g-honor h2 em {font-size: 1.4rem;font-weight: lighter;}
.g-honor .m-pic {display: block;width: 94%;padding: 3%;}
.g-honor .m-pic img {width: 100%;}
.g-honor p{font-size: 1.1rem;color: #fff;width: 92.5%;margin:0 auto;text-align: left;padding: 0.8rem 0 0;line-height: 1.8rem;}

/*新闻*/
.news{ width:90%; padding: 2.5rem 0;margin: 0 auto;}
.news h2{height: 5.4rem;text-align: center;font-size: 3rem;font-weight: bold;color: #000000;line-height: 3rem;margin-bottom: 2rem;}
.news h2 b{color: #1054B0;}
.news h2 i{display: inline-block;font-style: normal;font-size: 2.4rem;margin-left: 0.3rem;margin-right: 0.3rem;}
.news h2 em {font-size: 1.4rem;font-weight: lighter;}
.new_c {overflow: hidden;padding: 2.5rem 0;}
.new_c li{height:2.95rem;border-bottom: dashed 1px #c1c1c1;color: #666;padding: 0 0 0 1.6rem;position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 2.95rem;}
.new_c li:before{content: ">";position: absolute;width: 1rem;height: 2.95rem;left: 0;top: 0;color: #666;}


/**/

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}