@charset "UTF-8";

/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "Microsoft YaHei", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "Microsoft YaHei"; }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none; font-family: "Microsoft YaHei"; font-size: 13px; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-family: "Microsoft YaHei"; }
.fl { float: left; }
.fr { float: right; }
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative; background:#fff; font-family: "Microsoft YaHei"; } 
.wrap img{width: 100%;display: block;}

/*---------------------------------------------------------*/
.g-banner{width: 100%; line-height:0;}

/**/
.g-yin{width: 93.75%;margin: 0 auto;padding: 2rem 0 2rem;}
.m-bt{display: block;width: 100%;text-align: center;height: 5.5rem;line-height: 2.3rem;overflow: hidden;font-size: 0.9rem;color: #666; background:url(../images/yin_tbg.gif) 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;}
.m-bt b{display: block;font-size: 1.8rem;color: #262626;padding: 0.7rem 0 0;}
.m-yin{width: 100%;position: relative;line-height: 0;margin-top: 2.5rem;}
.m-yin p{position: absolute;width: 5rem;text-align: center;}
.m-yin p em{width: 2.8rem;height: 2.8rem;display: block;margin: 0 auto;line-height: 0;}
.m-yin p em img{width: 2.8rem;height: 2.8rem;}
.m-yin p span{display: block;font-size: 1.1rem;color: #333;line-height: 2rem;}
.yin_p01{top: 14.7rem;left: 0;}
.yin_p02{top: 5.5rem;left: 1rem;}
.yin_p03{top: 0;left: 7.8rem;}
.yin_p04{top: 0;right: 7.8rem;}
.yin_p05{top: 5.5rem;right: 1rem;}
.yin_p06{top: 14.7rem;right: 0;}

/*应用案例*/
.g-case{ width:100%; overflow:hidden; position:relative;padding: 3.8rem 0 0;border-top: #eee 0.5rem solid;}
.g-case .m-bt{ background:url(../images/case_tbg.gif) 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;}
.m-case{width: 93.75%;height: 8.3rem;margin: 0 auto;padding: 1.5rem 0 0;}
.m-case ul li{width: 46%;text-align: center;height: 2.2rem;line-height: 2.2rem;float: left;border-radius: 0.5rem;background: #eee;margin-bottom: 0.7rem; margin-left:2%; margin-right:2%; overflow:hidden; }
.m-case ul li a{font-size: 1.2rem;color: #404040;display: block;}
.m-case ul li:nth-child(3n){margin-right: 0;}
.g-case .prev,.g-case .next{ width:2rem;height: 3.5rem;padding-top: 1.5rem;background: #fff; position:absolute; top:45%;z-index: 20;}
.g-case .prev{left: 1.5rem;}
.g-case .next{ right:1.5rem;}
.g-case .prev img,.g-case .next img{width: 0.95rem;height: 1.85rem;margin: 0 auto;}
.g-case .nowarp { margin:0 1rem;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{ overflow: hidden;width: 100%;} 
.g-case dl dt{width: 100%;overflow: hidden;line-height: 0;}
.g-case dl dd{width: 100%;padding: 1.5rem 0 0;}
.g-case dl dd h5{height: 3rem;line-height: 3rem;overflow: hidden;position: relative;}
.g-case dl dd h5 a{font-size: 1.5rem;color: #333;display: block;width: 24rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 0 0 1rem;}
.g-case dl dd h5:before{content: "";width: 0.4rem;height: 1.8rem;background: #4bb033;position: absolute;top: 0.8rem;left: 0;}
.g-case .case_desc{font-size: 1.2rem; color: #666; line-height: 2.4rem; height: 7.2rem; overflow: hidden;padding: 0.6rem 0 0;} 
.g-case .u-more{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #fff;height: 3rem;line-height: 3rem;background: #4bb033;overflow: hidden;margin-top: 2.5rem;}

/*产品分类*/
.g-fenl{padding: 4rem 0 0;}
.g-fenl .m-bt{margin-bottom: 1.3rem; background:url(../images/cp_tbg.gif) 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-fenl ul li{width: 50%;float: left;height: 3rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position: relative;}
.g-fenl ul li:before{content: "";width: 0.5rem;height: 0.5rem;background: #4bb033;position: absolute;top: 1.5rem;left: 1rem;border-radius: 50%;}
.g-fenl ul li a{font-size: 1.2rem;color: #333;padding: 0 0 0 2rem;}

/**/
.g-cp{padding: 0rem 0 2rem 0;}
.g-cp ul li{width: 46.5%;float: left;margin-left: 2.5%;}
.g-cp ul li em{display: block;width: 100%;line-height: 0;box-shadow: 0 3px 0.5rem 3px #eee;}
.g-cp ul li span{display: block;width: 100%;text-align: center;font-size: 1.1rem;color: #666;height: 3rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*优势*/
.g-ys{ width:100%;height: 47.6rem; overflow:hidden;padding: 4rem 0 0; background:url(../images/ys_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-ys .m-bt{color: #999; background:url(../images/ys_tbg.png) 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-ys .m-bt b{color: #fff;}
.g-ys .sclwrap_box{ height:38rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:93.75%;margin: 1.8rem auto 0;background: #f2f1f2;}
.g-ys dl dt{ width:100%;line-height: 0;}
.g-ys dl dd{width: 88%;height: 16.9rem;position: relative;margin: 0 auto;padding: 1.5rem 0 0;}
.g-ys dl dd em{width: 7.2rem;height: 7.2rem;display: block;position: absolute;left: 0;top: -3.6rem;}
.g-ys dl dd em img{width: 7.2rem;height: 7.2rem;}
.g-ys dl dd h5{font-size: 1.8rem;color: #333;height: 5.5rem;line-height: 2.5rem;overflow: hidden;position: relative;z-index: 20;border-bottom: #b5b5b5 1px solid;width: 16.2rem;float: right;text-align: right;margin-bottom: 1rem;}
.g-ys dl dd i{font-weight: normal;font-size: 1rem;color: #a4a4a4;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;display: block;}
.g-ys dl dd p{font-size: 1.1rem;color: #666;line-height: 2rem;clear: both;position: relative;z-index: 10;}
.g-ys dl dd p b{color: #079fe5;}
.g-ys dl dd span{display: block;position: absolute;bottom: -3.8rem;right: 0;font-size: 10rem;color: #e8e7e8;font-weight: bold;}
.g-ys .m-cnt{ width:100%; display:inline-block; }
.g-ys .m-cnt li{ width:3.5rem; height:0.4rem; background:#8e9195; float:left;margin-right: 1.5rem; }
.g-ys .m-cnt li.z-on{ background:#4bb033;}
.g-ys .m-cnt li:first-child{margin-left: 7rem;}

/**/
.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: #4bb033;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: #4bb033;font-size: 0.9rem;color: #fff;margin: 0 auto;border-radius: 0.2rem;}

/*合作客户*/
.g-hz{ width:100%;padding: 3.5rem 0 4rem; overflow:hidden;background: #eee;}
.g-hz .m-bt{ background:url(../images/hz_tbg.gif) 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-hz ul{width: 93.75%;margin: 0 auto;padding-top: 1.8rem;}
.g-hz ul li{width: 33.33%;float: left;line-height: 0;border-bottom: #eee 1px solid;position: relative;}
.g-hz ul li:before{content: "";width: 1px;height: 100%;background: #eee;position: absolute;top: 0;right: 0;z-index: 20;}

/*关于荣仕杰*/
.g-about{width: 100%;padding: 3.5rem 0 2rem;}
.g-about .m-bt{ background:url(../images/ab_tbg.gif) 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 dl{width: 100%;padding: 1.6rem 0 0;}
.g-about dl dt{width: 100%;line-height: 0;height: 18rem; background:url(../images/ab_k.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 dl dt a{display: block;width: 73.75%;padding: 1rem 0 0 4.3rem;}
.g-about dl dd{width: 100%;padding: 2rem 0 0;}
.g-about .ab_desc{font-size: 1.1rem;color: #818181;line-height: 2.4rem;height: 19.2rem;overflow: hidden;width: 93.75%;margin: 0 auto;}
.g-about dl dd span{display:inline-block;width: 100%;padding: 2.5rem 0 0;}
.g-about dl dd span a{font-size: 1.2rem;color: #4bb033;display: block;width: 28.44%;text-align: center;height: 3rem;line-height: 3rem;overflow: hidden;background: #3b3a38;float: left;margin-left: 1rem;}

/*企业相册*/
.g-pp{ width:100%; overflow:hidden;padding: 0 0 1.5rem;}
.g-pp .m-box .con{ display:inline; float:left;}
.g-pp ul li{ width:30%; float:left; padding:0 0 0 2.5%;line-height: 0;}
.g-pp ul li span{ display:block; width:94%;padding: 0 3%; text-align:center;font-size: 1rem;color: #3b3a38;height: 2.5rem;line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/**/

/*开屏秀*/
html { background: #f7f7f7; }

/*图片加载未完成前，默认背景色*/
.wrap { opacity: 1;  /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 640px; min-width: 320px; z-index: 99999; }
.loading img { display: none; }
.loading #showNext { line-height: 1.8rem; display: none; color: #fff; border: 0.05rem solid #fff; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99; }

/*首次加载页面切入效果*/
.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; }

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