.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.0rem;background: url(../images/chilun.png) no-repeat center bottom;margin-bottom:1.5rem;}
.titis01 h4 {font-size:1.8rem;color: #000;padding-bottom:0.4rem;}
.titis01 h5 {font-size:1.0rem;}


/**/

.bz_c{padding:2.0rem 0;overflow: hidden; background:#f4f4f4;}
.bz_nr{ margin:0 2%;}

.bz_nr dl{float:left;width:44.0%;height: 11.5rem; padding:1% 3%;background:#fff;}
.bz_nr dt{padding-top:1.0rem;}

.bz_nr dt h3 {font-weight: normal;font-size: 1.5rem;color: #000;}
.bz_nr dt h3 i {display: inline-block;width:2.5rem;height:2.5rem; line-height:2.5rem; margin-right:0.8rem;text-align: center;background: #fff;color: #00adef;border-radius:3rem;}
.bz_nr dl.cur h3, .bz_nr dl.cur p {color: #fff;}
.bz_nr dl .c-bg {background: #00adef;color: #fff;}

.bz_nr dd{padding-top:0.8rem;}

.bz_nr dd p {font-size:1.0rem;color: #666;line-height: 2rem;}
.bz_nr dl.cur{background: #00adef;}


/* products  */

.g-cp01 { width:100%; padding:2.5rem 0 0; background:#fff;}

.pro_nav {}
.pro_nav li { border-bottom: 1px solid #E5E5E5 }
.pro_nav li h3 { display: block; font-size: 1.2rem; color:#fff;padding:1.0rem 1.0rem;background:#00adef; margin-bottom:1.2rem;}
.pro_nav li h3 a span:first-child { display: inline-block;}
.pro_nav li h3 a span:last-child { float: right; font-size: 1rem }

.pro_nav li p {padding:0 1%;}
.pro_nav li p a { width:29.5%; float:left;display:block; padding-left:0.75rem; font-size: 1rem; color: #333; line-height: 100%; padding-bottom: 1.55rem; padding-right:1%; position: relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_nav li p a:before { position: absolute; content: "-"; left: 0; top: 0 }
.pro_nav li p a:last-child { padding-right: 0 }


.g-cp-con { width:100%; overflow:hidden; margin-top:1.0rem;}
.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%; margin-top:1.5rem; padding-top:1.5rem; border-top:0.4rem solid #eee;}



/*  case  */

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

.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 dl dt img { height:20.5rem;}

.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;background: #00adef; padding:2.0rem 0; margin-top:1.5rem;}
.yous .titis01 {padding-bottom:0rem;}
.yous .titis01 h4, .yous .titis01 h5 {color:#fff;}


.ys_nr dt{font-size:0;line-height: 0; padding:0 1.0rem;}
.ys_nr dd {height: 15.0rem;padding:0.7rem 3% 0;position: relative;}
.ys_nr dd h4 {height:3.2rem;line-height:3.2rem;font-size:1.9rem;color: #fff;font-weight: bold;}

.ys_nr dd p{font-size:1.1rem;color: #fff;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:4.0rem;height:4.8rem;line-height:4.8rem;background:#F60;text-align: center;font-size:2.5rem;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:1.5rem 3.125% 1.0rem;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;}}