.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%; top:0;background:#f6f6f6 url(../images/index/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%;}

/**/
.g-four{ padding:2.5rem 0;}
.m-bt{display: block;width: 100%;text-align: center;font-size: 1rem;color: #333;position: relative;height: 3.8rem;line-height: 1.8rem;}
.m-bt b{display: block;font-size: 1.5rem;}
.m-bt:before{ content:"";width: 3.5rem;height: 1px;position: absolute;top: 28%;left: 16%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #eb5923 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#eb5923 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#eb5923 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eb5923',GradientType=1 ); /* IE6-9 */
}
.m-bt:after{ content:"";width: 3.5rem;height: 1px;position: absolute;top: 28%;right: 16%;
background: #eb5923; /* Old browsers */
background: -moz-linear-gradient(left,  #eb5923 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #eb5923 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #eb5923 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5923', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.g-four ul li{font-size: 1rem;color: #1d1d1d;text-align: center;width: 7.4rem;height: 8.7rem;float: left;box-shadow: 0 3px 10px 3px #eee;border-radius:1rem; margin:1.3rem 0 0 0.5rem;}
.g-four ul li em{display: block;width: 3.4rem; margin:0 auto; padding:1rem 0 0.5rem;line-height: 0;}
.g-four ul li em img{width: 3.4rem;height: 3.4rem;}
.g-four ul li b{display: block;font-size: 1.2rem;}

/*瑞涵产品中心*/
.g-cp{ padding:0 0 1.2rem;}
.g-cp .m-bt:before{left: 22%;}
.g-cp .m-bt:after{right: 22%;}
.m-cp01{width: 96.88%; margin:0 auto; padding:1.8rem 0 2rem;}
.m-cp01 ul li{width: 24.5%;float: left;position: relative;line-height: 0; margin-left:0.66%;}
.m-cp01 ul li span{display: block;font-size: 1rem;color: #fff;width: 100%;text-align: center;height: 2.2rem;line-height: 2.2rem;position: absolute;bottom: 0;right: 0; background:rgba(0,0,0,0.5);}
.m-cp01 ul li:first-child{margin: 0;}
.m-cp02{width: 100%;background: #f4f4f4;padding:1.1rem 0 2.9rem;position: relative;}
.m-cp02 ul li{width: 46.88%;float: left;line-height: 0; margin:0 0.4rem 0 0.5rem;}
.m-cp02 ul li img{box-shadow: 0 3px 10px 3px #ddd;}
.m-cp02 ul li span{display: block;font-size: 1rem;color: #333;width: 100%;text-align: center;height: 3.3rem;line-height: 3.3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-cp02 .u-more{display: block;font-size: 1rem;color: #333;width: 32.81%;text-align: center;height: 3.4rem;line-height: 3.4rem;border-radius:3rem; margin:0 auto;background: #fff;box-shadow: 0 3px 10px 3px #ddd;position: absolute;left: 32%;bottom: -1.7rem;z-index:20;}
.m-cp03{width: 96.88%; margin:0 auto; padding:4rem 0 0;position: relative;}
.m-cp03:before{ content:"";width: 1px;height: 53%;background: #e3e3e3;position: absolute;top: 5rem;left: 46%;}
.m-cp03:after{ content:"";width: 100%;height: 1px;background: #e3e3e3;position: absolute;top: 72%;left: 0;}
.m-fenl01{width: 50%;float: left;}
.fenl_bt{display: block;width: 100%;height: 2rem;line-height: 2rem;}
.fenl_bt a{font-size: 1rem;color: #333;}
.fenl_bt i{display: block;float: left;}
.fenl_bt em{ display:block;float: left;width: 1rem;line-height: 0; padding:0.55rem 0 0 0.5rem;}
.fenl_bt em img{width: 1rem;height: 1rem;}
.m-fenl01 ul li,.m-fenl03 ul li{width: 45%;float: left;height: 2.3rem;line-height: 2.3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-fenl01 ul li a,.m-fenl03 ul li a{font-size: 1rem;color: #666;}
.m-fenl02{width: 45%;float: right;}
.m-fenl02 ul li{width: 50%;}
.m-fenl03{width: 100%; padding:2.5rem 0 0;}
.m-fenl03 ul li{width: 33.33%;}

/*广告条*/
.g-ban01{ display:block; width:100%; overflow:hidden; height:13.2rem; background:url(../images/index/ban01.jpg) no-repeat;-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;}
.g-ban01 b{ display:inline-block; padding:8rem 0 0 9.5rem;width: 20rem;}
.g-ban01 b em{display: block;float: left;width: 1.4rem; padding:0.4rem 0.5rem 0 0;}
.g-ban01 b em img{width: 1.4rem;height: 1.4rem;}
.g-ban01 b i{display: block;float: left;font-size: 1.5rem;color: #333;}

/*细节见证品质*/
.g-pin{width: 100%;height: 51.8rem; padding:2.2rem 0 0; background:url(../images/index/pin_bg.jpg) no-repeat;-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;}
.g-pin .m-bt:before{left: 21%;
background: #ced8e1; /* Old browsers */
background: -moz-linear-gradient(left,  #ced8e1 0%, #eb5923 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ced8e1 0%,#eb5923 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ced8e1 0%,#eb5923 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ced8e1', endColorstr='#eb5923',GradientType=1 ); /* IE6-9 */
}
.g-pin .m-bt:after{right: 21%;
background: #eb5923; /* Old browsers */
background: -moz-linear-gradient(left,  #eb5923 0%, #ced8e1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #eb5923 0%,#ced8e1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #eb5923 0%,#ced8e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5923', endColorstr='#ced8e1',GradientType=1 ); /* IE6-9 */
}
.m-pic{width: 100%; padding:1.6rem 0 0;}
.g-pin dl{width: 96.88%; margin:0 auto; padding:0 0 0.5rem;height: 5.1rem;}
.g-pin dl dt{width: 21.77%;float: left;line-height: 0;}
.g-pin dl dd{font-size: 1rem;color: #333;float: left;width: 75%;height: 3rem;line-height: 3rem; background:rgba(255,255,255,0.8); margin:1rem 0 0; padding:0 0 0 3.23%;}

/*案例*/
.g-case{ width:96.88%; margin:0 auto; overflow:hidden; padding:2.5rem 0;position: relative;}
.g-case .u-more{display: block;width: 7.7rem;text-align: center;height: 3.5rem;line-height: 3.5rem;font-size: 1rem;color: #333;position: absolute;top: 11.2rem;right: 0;z-index: 10;}
.g-case .m-bt:before{left: 12%;}
.g-case .m-bt:after{right: 12%;}
.g-case .m-cnt{ height:7rem; width:100%; background:#f2f2f2; margin:1.5rem 0 0;}
.g-case .m-cnt li{ width:25%; text-align:center; float:left;height: 3.5rem;line-height: 3.5rem;font-size: 1rem;color: #333;}
.g-case .m-cnt li:nth-child(2),.g-case .m-cnt li:nth-child(4),.g-case .m-cnt li:nth-child(5),.g-case .m-cnt li:nth-child(7){background: #eaeaea;}
.g-case .m-cnt li.z-on{ background:#eb5923; color:#fff;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{width: 100%; padding:1rem 0 0;}
.g-case dl dt{width: 100%;background: #fff; border:#ccc 1px solid;box-sizing:border-box;}
.g-case dl dt img{width: 96.12%;display: block; margin:0 auto; padding:0.6rem 0;}
.g-case dl dd{width: 83.87%; margin:0 auto;text-align: center; padding:1rem 0 0;}
.g-case .case_desc{font-size: 1rem;color: #b0b0b0;line-height: 1.7rem;height: 5.1rem;overflow: hidden;}
.g-case dl dd span{display: block; padding:1.5rem 0 0;}
.g-case dl dd span a{font-size: 1rem;color: #333;text-transform: uppercase;}

/*合作客户*/
.g-hz{ padding:0 0 3rem;}
.g-hz .m-bt{ font-family:Arial, Helvetica, sans-serif;font-size: 0.8rem;color: #adadad;}
.g-hz .m-bt b{color: #333;}
.g-hz .m-bt:before{left: 6%;}
.g-hz .m-bt:after{right: 6%;}
.g-hz ul li{width: 30.47%;float: left;line-height: 0; margin:1.5rem 0 0 0.5rem;}
.g-hz ul li img{border-radius:1rem;box-shadow: 0 3px 10px 3px #d0d0d0;}

/*优势*/
.g-ys{background: #f4f4f4; padding:2rem 0;width: 100%;}
.g-ys .m-bt{ margin-bottom:1.5rem;}
.g-ys .m-bt:before{left: 8%;}
.g-ys .m-bt:after{right: 8%;}
.g-ys dl{width: 46.88%;float: left; margin:0 0.4rem 0.8rem 0.5rem;}
.g-ys dl dt{width: 100%;line-height: 0;}
.g-ys dl dd{width: 84%;height: 12rem;background: #fff;border-radius:0 0 0.5rem 0.5rem;font-size: 1rem;color: #333;text-align: center;line-height: 1.8rem; padding:0 8%;box-shadow: 0 0.1rem 0.3rem 0.1rem #ccc;}
.g-ys dl dd b{display: block;font-size: 1.2rem;height: 2rem; padding:1.3rem 0 0;}

/*走进上海瑞涵*/
.g-about{ width:100%;height: 36.5rem; padding:2.7rem 0 0; overflow:hidden; background:url(../images/index/ab_bg.jpg) no-repeat;-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;}
.g-about .m-bt:before{left: 22%;}
.g-about .m-bt:after{right: 22%;}
.g-about dl{ width:100%; padding:2.3rem 0 0;}
.g-about dl dt{ width:61.25%; margin:0 auto;}
.g-about dl dd{ width:87.5%; margin:0 auto; padding:3rem 0 0;}
.g-about dl dd b{ display:block; width:100%; text-align:center; padding:1% 0; overflow:hidden;}
.g-about dl dd b a{ font-size:1.1rem; color:#333;}
.g-about .ab_desc{ width:100%; font-size:1rem; color:#adadad; line-height:1.7rem;text-align: center;height: 5.1rem;overflow: hidden;}
.g-about dl dd em{ display:inline-block; width:25rem; padding:1.2rem 0 0 2.5rem;}
.g-about dl dd em a{ display:block; width:7.7rem; font-size:1rem; color:#333;font-weight: bold; height:3.5rem; line-height:3.5rem; text-align:center; float:left;}
.g-about dl dd em a:nth-child(1){ background:#eaeaea;}
.g-about dl dd em a:nth-child(2){ background:#dedede;}
.g-about dl dd em a:nth-child(3){ background:#f2f2f2;}

/**/

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