@charset "utf-8";
/*banner*/
.g-adv{ height:12.5rem; overflow:hidden; position:relative;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:12.5rem; overflow:hidden;}


/*nav*/
nav{ position:relative; height:5.83rem; width:100%; overflow:hidden; background:#282828;}
nav:before{ position:absolute; z-index:10;  content:""; left:0rem; top:2.92rem; height:1px; width:100%; background:#464646; }
nav:after{ position:absolute; z-index:10;  content:""; left:0rem; top:2.96rem; height:1px; width:100%; background:#1a1a1a; }


nav a{ position:relative; z-index:8; float:left;  color:#fff; text-align:center; font:1rem/2.92rem "microsoft Yahei";width:33.33%; height:2.92rem; overflow:hidden; display:block;}
nav a:nth-child(3n):before{ background:none;}
nav a:nth-child(1):after,nav a:nth-child(4):after{ background:none;}
nav a:before{ position:absolute; content:""; right:0rem; top:0rem;height:2.92rem; width:1px; background:#464646; }
nav a:after{ position:absolute; content:""; left:0rem; top:0rem; height:2.92rem; width:1px; background:#1a1a1a; }
nav .z-on{ background:#c00702;}

    /**/
.gy2{ background: #f3f3f3; margin-bottom: 2.4rem; padding-top: 1.5rem;}
.gy2 h3{ text-align: center;background:url(/ruizhi/wap/images/h32.gif) no-repeat center 0; background-size:10.8rem 1.3rem; font-weight: normal;}
.gy2 h3 i{ display: block; font-size: 1rem; color: #444; padding-top:0.5rem; margin-bottom: 0.8rem;}
.gy2 h3 strong{ display: block; color: #333; font-size: 1.08rem; font-weight: bold;line-height: 100%; padding-bottom: 2rem;}
.gy2 ul{ overflow: hidden;}
.gy2 ul li{ float: left; margin-left: 1.6%; text-align: center; width: 31.3%; font-size: 0.83rem; color: #666; padding-bottom: 0.55rem;}
.gy2 ul li strong{ display: block; color: #222; font-weight: bold;}
.gy2 ul li span{ display: block;}
/*m-case-------------------------------------------------------------------------------------------------------------------------------*/
.m-case{ position:relative; height:32.96rem; overflow:hidden;}

.m-case h2{ margin-top:2.63rem; height:7.79rem; overflow:hidden; text-align:center; font:1rem/1.5rem "Microsoft Yahei"; color:#282828; background:url(/ruizhi/wap/images/case_tl.gif) no-repeat left 2.25rem;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 0.58rem; }
.m-case h2 b{ display:block; color:#d4211c; font:bold 1.67rem/2.25rem "Microsoft Yahei"; letter-spacing:0.3rem;}
.m-case h2 i{ margin:0.29rem auto 0; width:14.96rem; height:1.71rem; overflow:hidden; text-align:center; display:block; font:1.17rem/1.71rem "Microsoft Yahei"; color:#282828; border:1px solid #6e6e6e; }

.m-case:before{ position:absolute; content:""; right:0rem; top:28.96rem;height:0.08rem; width:8.86rem; background:#b2b2b2; }
.m-case:after{ position:absolute; content:""; left:0rem; top:28.96rem;height:0.08rem; width:8.86rem; background:#b2b2b2; }

.m-case .prev , .m-case .next{ position:absolute; z-index:99; width:3.0rem; height:3.0rem; overflow:hidden; top:27.58rem;}
.m-case .prev { left:8.79rem;}
.m-case .next{ right:8.79rem;}

.m-case .sclwrap_box ,.m-case .m-box{ height:17.17rem; overflow:hidden;}
.m-case .con{ display:inline; float:left; width:100%;}
.m-case .con dl{ float:left; height:15.21rem;  width:12.33rem; overflow:hidden;background:url(/ruizhi/wap/images/case_ibj.gif) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:12.33rem 15.21rem;}
.m-case .con dt{ margin:0 auto; width:5.29rem; height:5.25rem; overflow:hidden;}
.m-case .con dd{ display:block; padding:0 0.5rem; text-align:center; color:#545454; height:9.08rem; overflow:hidden; font:1rem/1.47rem "Microsoft Yahei";}
.m-case .con dd h3{ padding:0.75rem 0 0.83rem; font: bold 1.25rem/1.54rem "Microsoft Yahei"; color:#d4211c;}
.m-case .con dd h3 i{ display:block; color:#d4211c; text-transform:uppercase; font:0.67rem/0.83rem Arial, Helvetica, sans-serif;}
.m-case .con dl:nth-child(1){ margin:0 0.71rem 0 0.54rem;}
.m-case .con dl:nth-child(2){ margin-right:0.54rem;}



/*m-pro-------------------------------------------------------------------------------------------------------------------------------*/
.m-pro{ height:45.25rem; overflow:hidden; background:url(/ruizhi/wap/images/pro_bj.jpg) repeat-y center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	 background-size:100%; }
.m-pro h2{ height:5.92rem; width:100%; overflow:hidden; text-align:center; color:#d4211c; font:bold 1.67rem/2.42rem "Microsoft Yahei";
padding-top:1.54rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
background:url(/ruizhi/wap/images/pro_t.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	 background-size:100% ;}

.m-pro .m-cnt{ margin-bottom:0.67rem; height:3.21rem; width:100%; overflow:hidden;}
.m-pro .m-cnt li{float:left; width:50%; height:3.21rem; overflow:hidden; text-align:center; color:#fff; font:1rem/2.63rem "Microsoft Yahei";    background:url(/ruizhi/wap/images/pro_p2.jpg) no-repeat left top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	 background-size:100%;}
.m-pro .m-cnt .z-on{  background:url(/ruizhi/wap/images/pro_p1.jpg) no-repeat left top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%; background-size:100%;}

.pro .sclwrap_box , .pro .m-box{ height:31.33rem; overflow:hidden;}
.pro .con{float:left; width:100%; display:inline;}
.pro_t{ height:5.29rem; padding:0 1rem; overflow:hidden;}
.pro_t li{ margin:0 0.67rem 0.71rem 0; display:inline; float:left; color:#555; height:1.67rem; overflow:hidden; font:0.95rem/1.67rem "Microsoft Yahei"; 
padding:0 0.7rem; border:1px solid #979797; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.pro_t li a{ color:#555555;}

.pro_t .z-on{ color:#d4211c;}
.pro_t a:nth-child(1) li{ padding:0 2.3rem;}
.pro_t a:nth-child(3) li,.pro_t a:nth-child(7) li{ margin-right:0rem;}

.pro_con{ padding:0 0.5rem;}
.pro_con li{position:relative;float:left;margin-bottom:0.92rem;width:12.38rem;height: 14.3rem;overflow:hidden;}
.pro_con li em{display:block;position:absolute;left:0rem;top: 12.35rem;width:12.38rem;height:1.75rem;overflow:hidden;color:#fff;font:1rem/1.75rem "Microsoft Yahei";text-align:center;background:url(/ruizhi/wap/images/pro_span.png) no-repeat left top;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size:100%;}
.pro_con li:nth-child(2n){ margin-left:0.67rem; display:inline;}


.pro span{ display:block; margin:0.83rem auto 0; width:10.25rem; height:2.33rem; overflow:hidden; text-align:center; font:1rem/2.33rem "Microsoft Yahei"; color:#fff; background:#d4211c; }


/*m-anli-------------------------------------------------------------------------------------------------------------------------------*/
.m-anli{ height:30.96rem; overflow:hidden;}
.m-anli h2{ margin-bottom:1.04rem; height:7.33rem; overflow:hidden; text-align:center; font:bold 1.42rem/2rem "Microsoft Yahei"; color:#fff; background:url(/ruizhi/wap/images/anli_t.jpg) no-repeat center top;-webkit-background-size: 100%;-moz-background-size: 100%;	-o-background-size: 100%;	 background-size:100%;}
.m-anli h2 i{ display:block; padding-top:1.21rem; height:1.67rem; overflow:hidden; font:1.25rem/1.67rem "Microsoft Yahei"; color:#fff;}

.m-anli ul{ margin:0 auto; width:24.25rem; overflow:hidden;}
.m-anli li{ margin-bottom:0.54rem; height:2.38rem; overflow:hidden;  width:24.25rem; color:#444; font:1.08rem/2.38rem "Microsoft Yahei"; background:url(/ruizhi/wap/images/anli_p1.gif) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	 background-size:100%;}
.m-anli li em{ display:inline-block; margin-right:0.83rem; float:left; width:2.38rem; height:2.38rem; overflow:hidden;}

/*m-xr-------------------------------------------------------------------------------------------------------------------------------*/
.m-xr{ position:relative; height:29.58rem; overflow:hidden; background:url(/ruizhi/wap/images/xr_bj.jpg) no-repeat center bottom;-webkit-background-size: 100%;-moz-background-size: 100%;	-o-background-size: 100%;	 background-size:100%;}
.m-xr h2{ margin-bottom:2rem; height:3.83rem; overflow:hidden; text-align:center; font:1.67rem/2.75rem "Microsoft Yahei"; color:#333; background:url(/ruizhi/wap/images/xr_tl.jpg) no-repeat center bottom;-webkit-background-size: 100%;-moz-background-size: 100%;	-o-background-size: 100%;	 background-size:100%;}
.m-xr h2 b{ color:#d4211c; font-weight:bold;}

.m-xr .prev , .m-xr .next{ position:absolute; z-index:99; width:1.58rem; height:2.96rem; overflow:hidden; top:10.25rem;}
.m-xr .prev { left:0.67rem;}
.m-xr .next{ right:0.67rem;}

.m-xr .sclwrap_box ,.m-xr .m-box{ height:23.83rem; overflow:hidden;}
.m-xr .con{ display:inline; float:left; width:100%;}
.m-xr .con dl{ margin:0 auto; width:23.75rem; overflow:hidden;}
.m-xr .con dt{ margin:0 auto 1.33rem; width:20.29rem; height:12.0rem; overflow:hidden;}
.m-xr .con dd{ display:block; text-align:center; color:#fff; height:9.08rem; overflow:hidden; font:1rem/1.5rem "Microsoft Yahei";}
.m-xr .con dd a{ display:block; margin:1.67rem auto 0; border:1px solid #fff; width:7.92rem; height:2.25rem; overflow:hidden; text-align:center; font:1rem/2.25rem "Microsoft Yahei"; color:#fff;}





/*m-ys-------------------------------------------------------------------------------------------------------------------------------*/
.m-ys{ position:relative; height:42.75rem; width:100%; background:url(/ruizhi/wap/images/ys_bj.jpg) repeat-y center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	 background-size:100%; }
.m-ys h2{ height:9.08rem; overflow:hidden;}

.m-ys:before{ position:absolute; content:""; right:0rem; top:38.83rem;height:0.08rem; width:8.86rem; background:#b2b2b2; }
.m-ys:after{ position:absolute; content:""; left:0rem; top:38.83rem;height:0.08rem; width:8.86rem; background:#b2b2b2; }

.m-ys .prev , .m-ys .next{ position:absolute; z-index:99; width:3.0rem; height:3.0rem; overflow:hidden; top:37.50rem;}
.m-ys .prev { left:8.79rem;}
.m-ys .next{ right:8.79rem;}

.m-ys .sclwrap_box ,.m-ys .m-box{ height:28.33rem; overflow:hidden;}
.m-ys .con{ display:inline; float:left; width:100%;}
.m-ys .con dl{}
.m-ys .con dt{ margin:0 auto; width:100%; height:16.42rem; overflow:hidden;}
.m-ys .con dd{padding:0 1.17rem;height:11.92rem; overflow:hidden;}
.m-ys .con dd h3{ height:3.0rem; overflow:hidden; background:url(/ruizhi/wap/images/ys_line.gif) no-repeat 3.5rem 2.17rem;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:20.79rem 0.21rem; }
.m-ys .con dd h3 em{ float:left; display:inline-block; margin:0.46rem 0.42rem 0 0; width:3rem; height:2.0rem; overflow:hidden;}
.m-ys .con dd h3 b{ float:left; color:#d4211c; font:bold 1.25rem/2.17rem "Microsoft Yahei";}
.m-ys .con dd p{ position:relative; margin-bottom:0.67rem; padding-left:3.5rem; color:#555; font:0.92rem/1.58rem "Microsoft Yahei";}
.m-ys .con dd p:before{ position:absolute; content:""; left:2.24rem; top:0.58rem; width:0.46rem; height:0.46rem; overflow:hidden; border:0.12rem solid #666; background:none; border-radius:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}




/*m-ab-------------------------------------------------------------------------------------------------------------------------------*/
.m-ab{ position:relative; height:25.17rem; overflow:hidden;}
.m-ab .m-cnt{ margin-bottom:1.17rem; height:2.92rem; width:100%; overflow:hidden; background:#d4211c url(/ruizhi/wap/images/ab_line.gif) no-repeat 7.8rem 1rem;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:0.58rem 0.96rem;}
.m-ab .m-cnt li{ float:left; padding:0 2rem; font:1.08rem/2.92rem "Microsoft Yahei"; color:#fff;}
.m-ab .m-cnt .z-on{ font-weight:bold;}
.m-ab span{ position:absolute; right:1rem; top:0rem; height:2.92rem; font:1rem/2.92rem "Microsoft Yahei"; color:#fff;}

.m-ab .sclwrap_box , .m-ab .m-box{ height:18.0rem; overflow:hidden;}
.m-ab .con{float:left; width:100%; display:inline;}
.ab{ margin:0 1.17rem; width:24.25rem; overflow:hidden;}
.ab dt{ margin:0 auto 1rem; width:24.25rem; height:12.75rem; overflow:hidden;}
.ab dd{ padding:0 0.83rem; font:1rem/1.46rem "Microsoft Yahei"; color:#555;}
.ab_ul{ margin-top:1.58rem; width:24.1rem; overflow:hidden;}
.ab_ul li{ float:left; width:7.5rem; height:2.29rem; border:0.12rem solid #7b7b7b; color:#555; font:1rem/2.29rem "Microsoft Yahei"; text-align:center;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }
.ab_ul a:nth-child(1) li,.ab_ul a:nth-child(2) li{ margin-right:0.63rem;}

.kh{ margin:0.58rem 0.92rem 0; width:24.71rem;}
.kh dl{ width:24.71rem; height:9.54rem; overflow:hidden; margin:0 auto 1.5rem; background:url(/ruizhi/wap/images/kh_ibj.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; }
.kh dt{ float:left; margin-top:0.46rem; width:8.5rem; height:8.5rem; overflow:hidden;}
.kh dd{ float:right; display:inline;  padding-right:1.08rem; width:14.29rem; overflow:hidden;}
.kh dd h3{ padding-top:0.42rem; font: bold 1.08rem/2.5rem "Microsoft Yahei"; color:#666;}
.kh dd p{ color:#666; font:1rem/1.25rem "Microsoft Yahei";}
.kh dd em{ margin-top:0.5rem; display:block; font:1rem/1.5rem "Microsoft Yahei"; color:#d4211c;}



/*m-kh--------------------------------------------------------------------------------------------------------------------------------*/
.m-kh{ position:relative; height:15.92rem; overflow:hidden;}
.m-kh h2{ margin:2.29rem auto 1.67rem;}

.m-kh .prev , .m-kh .next{ position:absolute; z-index:9999; width:1.29rem; height:1.25rem; overflow:hidden; top:8.96rem;}
.m-kh .prev { left:0.33rem;}
.m-kh .next{ right:0.33rem;}

.m-kh .sclwrap_box ,.m-kh .m-box{ height:7.67rem; overflow:hidden;}
.m-kh .con{ display:inline; float:left; width:100%;}
.m-kh .con ul{ margin-left:2.08rem; line-height:0rem; height:7.67rem;  width:22.38rem; overflow:hidden;}
.m-kh .con ul li{ float:left; margin-right:0.49rem; height:7.67rem;  width:7.13rem; overflow:hidden;}
.m-kh .con ul li img{ width:7.04rem; height:5.38rem; border:1px solid #b5b5b5; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-kh .con ul li em{ display:block; text-align:center; color:#5d5d5d; height:2.21rem; overflow:hidden; font:0.92rem/2.21rem "Microsoft Yahei";}
.m-kh .con ul .nones{ margin-right:0rem;}


/*-------------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------------*/


/* news-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ height:25.08rem; overflow:hidden;}
.m-news .m-cnt{ height:3.83rem; width:26.6rem; overflow:hidden;background:url(/ruizhi/wap/images/new_p2.jpg) no-repeat center top; -webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	 background-size:100%;}
.m-news .m-cnt li{ position:relative; float:left; text-align:center; width:33.3%; height:3.83rem;overflow:hidden; font:1.17rem/3.46rem "microsoft Yahei"; color:#fff;}
.m-news .m-cnt li:before{ position:absolute; content:""; right:0rem; top:0rem; width:1px; height:3.46rem; overflow:hidden; background:#f0b1af;}
.m-news .m-cnt li:nth-child(3):before{ background:none;}
.m-news .m-cnt .z-on{width:33.3%; height:3.83rem; overflow:hidden;  background:url(/ruizhi/wap/images/new_p1.gif) no-repeat center bottom; -webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	 background-size:100%;}

.m-news .sclwrap_box , .m-news .m-box{ height:21.17rem; overflow:hidden;}
.m-news .con{float:left; width:100%; display:inline;}

.new2{ margin:1.75rem auto 0;  height:8.67rem; width:25.0rem;  overflow:hidden;}
.new2 dt{ float:left; height:7.75rem; width:10.38rem; overflow:hidden;}
.new2 dt img{ width:10.21rem; height:7.58rem; border:0.08rem solid #e6e6e6;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.new2 dd{ float:right;  height:8.67rem; width:13.17rem; overflow:hidden;font:1rem/1.8rem "Microsoft Yahei"; color:#434343;}
.new2 dd a{ padding-top:0.5rem; font: bold 1rem/1.8rem "Microsoft Yahei"; display:block; color:#d4211c;}

.news_c ul{ width:24.58rem; overflow:hidden; margin:0 auto;}
.news_c li{ position:relative; padding-left:1.25rem; height:2.5rem; font:1rem/2.5rem "Microsoft Yahei"; color:#434343; }
.news_c li:before{ position:absolute; content:""; left:0rem; top:1.08rem; width:0.42rem; height:0.42rem; overflow:hidden; background:#434343; border:1px solid #434343; border-radius:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.news_c p{ margin-top:1rem; float:left; margin-left:3.71rem; display:inline-block; height:2.29rem; width:8.33rem; overflow:hidden; font:1rem/2.29rem "Microsoft Yahei"; text-align:center; background:#d4211c; color:#fff;}
.news_c .new_btn2{ margin-left:1.79rem; background:#888888;}

.new_r{margin:0 auto; width:24.33rem; overflow:hidden; }

.new1{ margin:0 auto; padding:0.5rem 0 0.5rem; width:24.33rem; overflow:hidden; border-bottom:1px solid #d2d2d2;}
.new1:nth-child(3){ border:0;}
.new1 dt{width:24.33rem; height:2rem; overflow:hidden; font:1rem/2rem "Microsoft Yahei"; color:#333;}
.new1 dt i{ text-align:center; margin-top:0.42rem; font:1rem/1.5rem "Microsoft Yahei"; float:left; color:#f7dfdf; background:#444444; width:1.67rem; height:1.5rem; display:inline-block; margin-right:0.58rem;}
.new1 dd{width:24.33rem; overflow:hidden;}
.new1 dd i{ text-align:center; background:#d4211c; margin-top:0.42rem; font:1rem/1.5rem "Microsoft Yahei"; float:left; color:#f7dfdf;  width:1.67rem; height:1.5rem; display:inline-block; margin-right:0.58rem;}
.new1 dd span{ float:left; width:21.33rem; overflow:hidden; display:inline-block; color:#666; font:1rem/1.83rem "Microsoft Yahei";}






@media screen and (min-width:320px){
	html{ font-size:75%;}
}
@media screen and (min-width:360px){
	html{ font-size:85%;}
}
@media screen and (min-width:375px){
	html{ font-size:87.5%;}
}
@media screen and (min-width:400px){
	html{ font-size:93.75%;}
}			
@media screen and (min-width:414px){
	html{ font-size:96%;}
}
@media screen and (min-width:480px){
	html{ font-size:112.5%;}
}
@media screen and (min-width:568px){
	html{ font-size:131.25%;}
}
@media screen and (min-width:639px){
	html{ font-size:150%;}
}