.wrap img{width: 100%;}


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


.titis{height:9.2rem;text-align: center;}
.titis h4 {font-size: 2rem;color: #000000;height:3.0rem;line-height:3.0rem;background: url(../images/ico1.png) no-repeat center bottom;background-size: 18.5rem 0.3rem; padding-bottom:0.8rem;}
.titis h4 span{color: #d8323d;}
.titis p{height:2.25rem;line-height:2.25rem;font-size: 1.2rem;color: #666;padding-top:1.5rem;background: url(../images/chilun.png) no-repeat center top;background-size:6.2rem 1.9rem; margin-top:1.5rem;}

.titis01 {text-align: center; padding-bottom:1.5rem;}
.titis01 h4 {font-size:1.6rem;color: #000000;}
.titis01 h4 span{ color:#d8323d;}


/**/

.bz_c{padding-top:2.75rem;overflow: hidden;}
.bz_nr{}
.bz_nr dl{float:left;width:39.0%;height: 11.0rem; border:1px solid #ddd; margin:1% 2%; padding:1% 3%;}
.bz_nr dt{width:4.0rem;padding-top:0.6rem;}
.bz_nr dd{padding-top:0.6rem;}
.bz_nr dd p {font-size: 1.2rem;color: #666;line-height: 2rem;padding-top: 0.5rem;}

.bz_c .u-gd { display:block; font-size:1.2rem; color:#fff; width:92.5%; text-align:center; height:4rem; line-height:4rem; background:#333; margin:1.5rem auto 0;border-radius:0.2rem; margin-bottom:1.5rem;}

/* products  */

.g-cp01{ width:100%; padding:2.5rem 0 0; background:#f4f9ff;}
.g-cp01 .titis01 h4 {color:#d8323d;}
.g-cp-con { width:100%; overflow:hidden;}
.g-cp-con ul li{ width:45.16%; float:left; padding:0 0 0 1.1rem;}
.g-cp-con ul li img{display: block; height:12.5rem;}
.g-cp-con ul li span{ display:block; text-align:center; width:100%;height:2.5rem;line-height:2.5rem;font-size: 1.2rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.g-cp-con ul li p{ display:block; text-align:center; width:100%;font-size:1.0rem;color: #333; line-height:1.5rem; color:#888; margin-bottom:1.0rem;}


.g-cp02 { width:100%;}

.g-cp-nav{font-size: 1.2rem;line-height: 2.85rem; margin-bottom:1.0rem; background:#d8323d; padding:1.0rem;}
.g-cp-nav li{width:30.625%;float: left;height: 2.9rem;margin: 0 0 0.5rem 1.56%;text-align: center;color: #4c4c4c;border-radius: 0.15rem;background:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.g-cp-nav li a { color:#333;}
.g-cp-nav li:nth-child(3n-2){margin-left: 2.344%;}


/*  case  */

.g-case{ width:100%; padding:1.0rem 0;position: relative;}

.g-case .m-box { margin-top:0.8rem;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{width: 92.5%;margin:0 auto;}
.g-case dl dt{width: 100%;line-height: 0;}
.g-case dl dd{width: 100%;padding: 1rem 0 0;}
.g-case dl dd h5{height: 3rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case dl dd h5 a{font-size: 1.4rem;color: #333;}

.g-case .u-gd { display:block; font-size:1.2rem; color:#fff; width:92.5%; text-align:center; height:4rem; line-height:4rem; background:#333; margin:1.5rem auto 0;border-radius:0.2rem;}


/*  youshi  */

.yous{padding:0 3.125% 0rem;overflow: hidden;}
.ys_nr dt{font-size:0;line-height: 0}
.ys_nr dd {height: 15.0rem;border:1px solid #d2d2d2;padding:0.7rem 3% 0;position: relative;}
.ys_nr dd h4 {height:3.2rem;line-height:3.2rem;font-size:1.9rem;color: #333;font-weight: bold;}

.ys_nr dd p{font-size:1.1rem;color: #666;line-height: 1.9rem; margin-bottom:0.8rem;background: url(../images/tuoyuan.png) no-repeat left top 0.6rem;padding-left:1.2rem;}
.ys_nr dd span{float:left;width:3.8rem;height: 5.0rem;background:#d8323d;text-align: center;line-height: 5.0rem;font-size:2.8rem;color: #fff;font-weight: bold; margin-right:1.0rem;}

.ys-wz {float:left;width:23.2rem;}

.g_bd .ys_nr .swiper-pagination{}
.g_bd .ys_nr .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.3rem;}
.g_bd .ys_nr .swiper-pagination-bullets{top:20.3rem;}
.ys_nr .swiper-pagination-bullet{width:3rem; height:0.5rem;background:#fff;opacity: 1;border-radius:0;vertical-align: middle;}
.ys_nr .swiper-pagination-bullet-active{background: #f19a32;}


/*  add  */

.about{padding:0rem 3.125% 3.3rem;overflow: hidden;}
.about dt{font-size:0;line-height: 0}
.about dd {padding:1.8rem 0 0 0;font-size:1.2rem;color: #666666;line-height: 2rem;}
.about dd a {color: #f19a32}


/*  news  */

.m-news{height:31.8rem;overflow: hidden;font-size:1.1rem;line-height:1.5rem;color: #666;}
.newtil{height:3.9rem;line-height: 3.9rem;background: #0071b6;margin: 0 0 1.6rem;font-size: 1.5rem;color: #fff;}
.newtil li{height: 3.9rem;width: 31.4%;float: left;text-align: center;}
.newtil span{padding:0 1rem 0 1.6rem;display: inline-block;color: #fff;font-size: 1.2rem;float: right;}
.newtil li.cur{background:#e77823;}

.new_c{overflow: hidden;}
.new_c li{margin:0 2.344% 0.5rem;overflow: hidden;height:5.15rem;background: #f2f2f2;white-space: nowrap; }
.new_c li span{ width:15.57%;text-align: center;height:5.15rem;font-family: Arial;color: #666;font-size: 0.9rem;line-height: 1.1rem;float: left;border-right: solid 1px #fff;}
.new_c li span em{display: block;font-size: 2.4rem;color: #0071b6;line-height:2.2rem;padding: 1rem 0 0;}
.new_c li p{width:77.4%; float: left; overflow: hidden; line-height:1.8rem;padding:0.85rem 0 0 1.1rem;color: #666;}
.new_c li p b{display: block;color: #333;font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_c dl{height: 6.3rem;overflow: hidden;margin: 0 2.344% 1.3rem;}
.new_c dl dt{width:36.89%;float: left;}
.new_c dl dt img{width: 100%;height:6.3rem;}
.new_c dl dd{width:56%;padding:0 0 0 3.6%;float: left;color: #737373;}
.new_c dl dd h3{display: block; font-size:1.1rem;color:#333;line-height:2.1rem;height: 2.9rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_c dd p em,.new_c li p em,.about_c a{display: inline-block;color: #0071b6;font-style: normal;}


/**/

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