.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:8.6rem;text-align: center;}
.titis h4 {font-size: 2rem;color: #000000;line-height: 4.35rem;background: url(../images/6155.png) no-repeat center bottom;height: 4.35rem;background-size: 2.5rem 0.25rem;}
.titis h4 a{color: #000000}
.titis p{height: 3.25.rem;line-height: 3.25rem;font-size: 1.2rem;color: #666666}

/**/

.bz_c{padding-top:2.75rem;overflow: hidden;}
.bz_nr{background: #f6f6f6;height: 30.8rem;}
.bz_nr dl{float:left;width:50%;text-align: center;box-sizing: border-box;border:1px solid #c9c9c9;border-width: 0 1px 1px 0;padding:2.1rem 5% 0;height: 15.3rem}
.bz_nr dt{width:4.0rem;margin:0 auto;}
.bz_nr dd{padding-top:1.2rem;}
.bz_nr dd h4 {font-size: 1.4rem;color: #333333;font-weight: bold;height: 2.4rem;line-height: 2.4rem;}
.bz_nr dd p {font-size: 1.2rem;color: #666666;line-height: 2rem;padding-top: 0.5rem;}
.bz_nr dl:nth-child(2n){border-width: 0 0 1px 0}
.bz_nr dl:nth-child(3n),.bz_nr dl:nth-child(4n){border-bottom:0;}


/* products  */

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

.g-cp-con { width:100%; overflow:hidden;}
.g-cp-con ul li{ width:45.16%; float:left; padding:0 0 0 1.1rem;line-height: 0;overflow: hidden;}
.g-cp-con ul li img{ border:#d6d6d6 1px solid;box-sizing:border-box;display: block; height:10.5rem;}
.g-cp-con ul li span{ display:block; text-align:center; width:100%;height: 3.5rem;line-height:2.5rem;font-size: 1.1rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp01 .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;}

/*  case  */

.g-case{ width:100%; padding:2.5rem 0;position: relative; background:#f4f4f4; margin-top:2.0rem;}

.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% 3rem;border-bottom:0.5rem solid #f6f6f6;overflow: hidden;}
.ys_nr dt{font-size:0;line-height: 0}
.ys_nr dd {height: 15.0rem;border:1px solid #d2d2d2;border-top: 0;padding:0.7rem 3% 0;position: relative;}
.ys_nr dd h4 {height: 4rem;background: url(../images/6158.jpg) no-repeat left bottom;background-size: 4rem 0.1rem;font-size:1.9rem;color: #082647;font-weight: bold;line-height: 4rem;}
.ys_nr dd h4 em {font-size: 3.85rem;line-height: 4rem;display: inline-block;vertical-align: middle;}
.ys_nr dd p{padding-top:0.7rem;font-size:1.1rem;color: #666666;line-height: 1.9rem;}
.ys_nr dd span{
	width:3.8rem;
	height: 5.6rem;
	text-align: center;
	line-height: 5.85rem;
	font-size:2.8rem;
	color: #FF0000;
	font-weight: bold;
	position: absolute;
	right:0;
	top:-2.4rem;
	background-color: #F6F6F6;
}
.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:2rem 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;}}