/*.wrap{background: #eeeeee}*/
.wrap img{width: 100%;display: block;}
.fl{float:left;}
.fr{float:right;}
/*广告*/
.ban{position: relative;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban img { line-height: 0}
.ban_j{position: absolute;bottom:0;left:36%;z-index: 9;font-size:0;line-height: 0}
.ban_j img{display:inline-block;width:4.05rem;}
.g_bd .ban .swiper-pagination{}
.g_bd .ban .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.3rem;}
.g_bd .ban .swiper-pagination-bullets{bottom:1rem;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban .swiper-pagination-bullet{width:3rem; height:0.1rem;background:rgba(255,255,255,0.5);opacity: 1;border-radius:0;vertical-align: middle;}
.ban .swiper-pagination-bullet-active{background: #fff;width:5rem;}
/*导航*/
.titis{text-align: center;box-sizing: border-box;height:4.45rem;background: url(/ruizhi/wap/images/ico1.png) no-repeat center bottom;background-size: 17.95rem 0.7rem;margin-bottom: 1.6rem}
.titis h2{height:3.45rem;line-height:3.45rem;font-size:2.5rem;color: #333333;font-weight:bold;}
.titis h2 a{color: #333333}
.titis p{height:1.8rem;line-height:1.8rem;font-size:1.3rem;color: #7d7d7d;}

.yz_c{padding:2.25rem 4% 2.2rem;overflow: hidden;}
.yz_nr dt{font-size:0;line-height: 0;}
.yz_nr dd{height:14.4rem;background: #fff;box-shadow: 0 0 1rem rgba(0,0,0,0.1);border-radius:0 0 0.2rem 0.2rem;position: relative;padding:2.4rem 5% 0;box-sizing: border-box;text-align: center;}
.yz_nr dd h4{font-size:1.2rem;color: #333333;height:2.3rem;line-height: 1.9rem;background: url(/ruizhi/wap/images/yz_x.png) no-repeat center bottom;background-size: 1.25rem 1px;}
.yz_nr dd h4 b{color: #ec5026;display:inline-block;padding-right:0.8rem;}
.yz_nr dd em{background: url(/ruizhi/wap/images/yz_a1.png) no-repeat center top;background-size: 4.3rem 4.85rem;width:4.3rem;height: 4.85rem;display: block;position: absolute;left:40%;top:-2.2rem;}
.yz_nr dd em i{width:4.3rem;height: 4.85rem;display: block;}
.yz_nr dd p{font-size:1.1rem;color: #7c7c7c;line-height: 1.6rem;padding-top:0.5rem;}
.yz_nr .swiper-slide:hover dd{background: url(/ruizhi/wap/images/yz_a2.jpg) no-repeat center top;background-size: 100% 14.4rem;}
.yz_nr .swiper-slide:hover dd h4,.yz_nr .swiper-slide:hover dd h4 b,.yz_nr .swiper-slide:hover dd p{color: #fff}
.yz_nr .swiper-slide:hover dd h4{background: url(/ruizhi/wap/images/yz_x_hv.png) no-repeat center bottom;background-size: 1.25rem 1px;}
.yz_nr .swiper-slide:hover dd em{background: url(/ruizhi/wap/images/yz_a1_hv.png) no-repeat;background-size: 4.3rem 4.85rem;}
.yz_nr .swiper-slide:nth-child(1) dd em i{background: url(/ruizhi/wap/images/yz_ico1.png) no-repeat center;background-size: 3.75rem 4.35rem}
.yz_nr .swiper-slide:nth-child(2) dd em i{background: url(/ruizhi/wap/images/yz_ico2.png) no-repeat center;background-size: 3.75rem 4.35rem}
.yz_nr .swiper-slide:nth-child(3) dd em i{background: url(/ruizhi/wap/images/yz_ico3.png) no-repeat center;background-size: 3.75rem 4.35rem}
.yz_nr .swiper-slide:nth-child(4) dd em i{background: url(/ruizhi/wap/images/yz_ico4.png) no-repeat center;background-size: 3.75rem 4.35rem}
.yz_nr .swiper-slide:hover:nth-child(1) dd em i{background: url(/ruizhi/wap/images/yz_ico1_hv.png) no-repeat center;background-size: 3.75rem 4.35rem}
.yz_nr .swiper-slide:hover:nth-child(2) dd em i{background: url(/ruizhi/wap/images/yz_ico2_hv.png) no-repeat center;background-size: 3.75rem 4.35rem}
.yz_nr .swiper-slide:hover:nth-child(3) dd em i{background: url(/ruizhi/wap/images/yz_ico3_hv.png) no-repeat center;background-size: 3.75rem 4.35rem}
.yz_nr .swiper-slide:hover:nth-child(4) dd em i{background: url(/ruizhi/wap/images/yz_ico4_hv.png) no-repeat center;background-size: 3.75rem 4.35rem}
.yz_j{margin-top:2rem;text-align: center;}
.yz_j img{width:2.75rem;display: inline-block;margin:0 0.3rem;}


.pro_n1{background: url(/ruizhi/wap/images/pro_bj.jpg) no-repeat center top;height: 63.3rem;background-size: 100% 63.3rem;box-sizing: border-box;padding:2.6rem 4% 0;}

.pro_qh{height:5.6rem;overflow: hidden;}
.pro_qh li{float:left;width:48.85%;box-sizing: border-box;border:1px solid #333333;height: 4.4rem;line-height: 4.3rem;margin-right:2.3%;text-align: center;font-size:1.6rem;color: #333333;font-weight: bold;position: relative;}
.pro_qh li.active{background: url(/ruizhi/wap/images/pro_hv.jpg) no-repeat center top;background-size: 100% 4.4rem;border:0;color: #fff;font-weight: bold;}
.pro_qh li.active:after{content:"";display: block;width:0;height:0;border-right:0.65rem solid transparent;border-left:0.65rem solid transparent;border-top:0.65rem solid #fcb001;left:45%;bottom:-0.65rem;position: absolute;}
.pro_qh li:last-child{margin:0;}
.pro_n1 .js-swiper-nest-bas-out{overflow: hidden;hidden}
.pro_n1 .swiper-slide,.pro_n1 .js-swiper-nest-bas-out {overflow:hidden;}
.pro_n1 .swiper-slide{overflow:hidden}
.xclst2 dt{font-size:0;line-height: 0;}
.xclst2 dd{height: 21.65rem;background: #fcfcfc;box-shadow: 0 0 1.1rem rgba(0,0,0,0.1);padding:1.1rem 5.07% 0 6.81%;box-sizing: border-box;}
.xclst2 dd h4 a{display:block;height:3.35rem;line-height: 3.35rem;font-size:1.7rem;color: #333333;border-bottom: 1px solid #d1d1d1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: bold;}
.xclst2 dd p{font-size:1.3rem;color: #666666;line-height: 2.4rem;padding-top:0.7rem;}
.xclst2 span{margin-top:1.9rem;text-align: center;display: block;}
.xclst2 span a{width:11.75rem;height: 3.1rem;display: inline-block;box-sizing: border-box;line-height: 3rem;font-size:1.4rem;color: #333333;text-align: center;border:1px solid #0f3059;border-radius: 1.55rem;margin:0 0.55rem;}
.xclst2 span img{width:1.3rem;display: inline-block;vertical-align: middle;padding-right:0.7rem;}
.xclst2 span a:last-child{background: url(/ruizhi/wap/images/pro_btn1.png) no-repeat center top;background-size: 100% 3.1rem;border:0;color: #fff;}
.g_bd .pro_n1 .swiper-pagination{}
.g_bd .pro_n1 .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.3rem;}
.g_bd .pro_n1 .swiper-pagination-bullets{bottom:1.3rem;}
.g_bd .pro_n1 { overflow:unset; z-index:2;}
.pro_n1 .swiper-pagination-bullet{width:1.1rem; height:1.1rem;opacity: 1;vertical-align: middle;box-sizing: border-box;border:0.15rem solid #d5d5d5;background: none}
.pro_n1 .swiper-pagination-bullet-active{background: #f86a2c;border:0;}

.pro_n2{padding:0 4%3.5rem;overflow: hidden;margin-top:-0.6rem;}
.pro_tt{overflow: hidden;margin-bottom:1.4rem;}
.pro_tt li{float:left;width:48.98%;margin:0 2% 0.25rem 0;height:4.75rem;background: #555555;box-sizing: border-box;padding:0 4%;line-height: 4.75rem;}
.pro_tt li a{font-size:1.4rem;color: #fff;font-weight: bold;padding-right:1.1rem;background: url(/ruizhi/wap/images/pro_ico3.png) no-repeat right;background-size: 0.95rem 0.55rem;display:block;}
.pro_tt li img{width:2.4rem;display: inline-block;vertical-align: middle;margin-right:1rem;}
.pro_tt li.active{background: url(/ruizhi/wap/images/pro_n2.jpg) no-repeat center top;background-size: 100% 4.75rem;}
.pro_tt li.active a{background: url(/ruizhi/wap/images/pro_ico3_hv.png) no-repeat right;background-size: 0.95rem 0.55rem;}
.pro_tt li:nth-child(2n){margin:0 0 0.25rem 0;}
.pro_nr li{float:left;width:49.13%;margin:0 1.74% 1.7rem 0;}
.pro_nr li i{display: block;font-size:0;line-height: 0;border:1px solid #e0e0e0;}
.pro_nr li span{display: block;text-align: center;height: 3.35rem;line-height: 3.35rem;font-size:1.4rem;color:#666666;background: #f1f1f1;border-radius: 0 0 0.4rem 0.4rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_nr li:nth-child(2n){margin:0 0 1.7rem 0;}
.pro_btn1{margin-top:1.9rem;text-align: center;display: block;}
.pro_btn1 a{width:11.75rem;height: 3.1rem;display: inline-block;box-sizing: border-box;line-height: 3rem;font-size:1.4rem;color: #333333;text-align: center;border:1px solid #0f3059;border-radius: 1.55rem;margin:0 0.55rem;}
.pro_btn1 img{width:1.3rem;display: inline-block;vertical-align: middle;padding-right:0.7rem;}
.pro_btn1 a:last-child{background: url(/ruizhi/wap/images/pro_btn1.png) no-repeat center top;background-size: 100% 3.1rem;border:0;color: #fff;}


.yous{background: url(/ruizhi/wap/images/ys_bj.jpg) no-repeat center top;background-size: 100% 69.95rem;height: 69.95rem;padding-top:3.2rem;box-sizing: border-box;}
.ys_nr{padding-bottom: 5.8rem;}
.ys_nr dt{font-size:0;line-height: 0;}
.ys_nr dd{padding:1.6rem;}
.ys_nr dd h4{height:6.95rem;overflow: hidden;margin-bottom: 1.7rem;border-bottom:1px solid #c2c6d1;}
.ys_nr dd h4 i{float: left;width:12.46%;height:6.95rem;background: url(/ruizhi/wap/images/ys_ico1.png) no-repeat;background-size: 100% 6.95rem;text-align: center;line-height:6.95rem;font-size:1.8rem;color: #fff;}
.ys_nr dd h4 span{float: right;width:82.95%;font-size:1.5rem;color: #666666;margin-top:1rem;}
.ys_nr dd h4 em{display:block;font-size:2rem;color: #1b46b8;font-weight: bold;}
.ys_nr dd p{font-size:1.2rem;color: #666666;line-height: 1.9rem;margin:0 0 1.5rem 1rem;padding-left:1.4rem;background: url(/ruizhi/wap/images/ys_ico2.png) no-repeat left 0.7rem;background-size: 0.5rem 0.7rem;}
.g_bd .ys_nr .swiper-pagination{background: url(/ruizhi/wap/images/ys_ico3.png) no-repeat center;background-size: 20.45rem 0.45rem;}
.g_bd .ys_nr .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.75rem;}
.g_bd .ys_nr .swiper-pagination-bullets{bottom:0.5rem;}
.g_bd .ys_nr { overflow:unset; z-index:2;}
.ys_nr .swiper-pagination-bullet{width:2.85rem; height:2.85rem;background:#aaaaaa;opacity: 1;vertical-align: middle;font:1.4rem arial;color: #fff;line-height: 2.85rem;}
.ys_nr .swiper-pagination-bullet-active{background: #0e60cc;}
.ys_j1,.ys_j2{position: absolute;bottom:0.5rem;width:2.4rem;}
.ys_j1{left:9.56%;}
.ys_j2{right:9.56%;}

.tu1{overflow: hidden;position: relative;}
.tu1 i{display: block;font-size:0;line-height: 0;}
.tu1 p{position:absolute;left:0;width:100%;bottom:3.7rem;text-align: center;}
.tu1 span{padding-left:2.5rem;height: 3rem;line-height: 3rem;background: url(/ruizhi/wap/images/ico3.png) no-repeat left center;background-size: 1.9rem 1.9rem;font-size:1.9rem;color: #fff;font-weight: bold;}
.tu1 em a{display:inline-block;width:12.5rem;height: 3rem;line-height: 3rem;background: #fff;border-radius: 1.5rem;text-align: center;font-size:1.2rem;color: #3657bc;font-weight: bold;margin-left:1.7rem;vertical-align: top;}
.tu1 em a b{padding-right: 1.35rem;background: url(/ruizhi/wap/images/ico2.png) no-repeat right;background-size: 0.9rem 0.7rem;}


.case{padding:3.2rem 0 0;background:url(/ruizhi/wap/images/al_bj.jpg) no-repeat center;box-sizing: border-box;background-size: 100% 65.7rem;height:65.7rem}
.case .case_ctg{margin:0rem 0 0 2.8rem;}
.case_ctg li{float: left;text-align: center;transition:all 0.5s;margin-right: 2.1rem;width: auto!important;}
.case_ctg li i{display: block;height:2.45rem;width:2.4rem;overflow: hidden;margin: 0 auto;}
.case_ctg li i img{display: block;transition: all 0.3s;}
.case_ctg li.swiper-slide-active i img:nth-child(1){ margin-top:-2.45rem;}
.case_ctg li span{display: block;font-size: 1.2rem;color: #666;line-height: 2rem;}
.case_ctg li.swiper-slide-active span{ color:#e40b1b;}
.case_con{padding-bottom: 1rem;padding-top: 1.2rem;}
.case_con dl{float: left;width: 32rem;margin: 0 0.6rem;box-shadow:0px 0px 0.8rem 0px rgba(0, 0, 0, 0.08);opacity: 0.3;}
.case_con dd{height: 21rem;padding: 0 2rem;background: #fff;}
.case_con dd h4{font-size: 1.6rem;color: #333333;line-height: 2.5rem;padding:2.2rem 0 1rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case_con dd h4 a{color: #333333;}
.case_con dd p{font-size: 1.3rem;color: #666;line-height: 2.1rem;opacity: 0.97;}
.case_con dd .xq{display: block;width: 12.2rem;height: 3rem;line-height: 2.8rem;text-align: center;font-size: 1.3rem;color: #565656;border: 2px solid #565656;margin:1.5rem auto 0;border-radius: 1.5rem;padding-right: 2.2rem;background: url(/ruizhi/wap/images/al_a1.png) no-repeat 8.1rem center;background-size: 1.65rem 1.05rem;box-sizing: border-box;}
.case_con dl.swiper-slide-active{opacity: 1;}
.case .shou{margin-top: 1.7rem;text-align: center;}
.case .shou img{width:2.75rem;display: inline-block;margin:0 1rem;}


.news{padding:2.75rem 0 1.85rem;overflow: hidden;}
.ns_qh{height:4.65rem;background: url(/ruizhi/wap/images/ns_tt.jpg) no-repeat center top;background-size: 100% 4.65rem;margin-bottom: 1.7rem;}
.ns_qh li{text-align: center;height: 4.65rem;font-size:1.4rem;color: #fff;width:33.33%;float:left;line-height: 4.65rem;}
.ns_qh li img{width:1.85rem;display: inline-block;padding-right:0.8rem;vertical-align: middle;}
.ns_qh li.active{background: url(/ruizhi/wap/images/ns_hv.jpg) no-repeat center top;background-size: 100% 4.65rem;font-weight: bold;}
.ns_nr{width:92%;}
.ns_nr dl{overflow: hidden;margin-bottom: 2.15rem;}
.ns_nr dt{float:left;font-size:0;line-height: 0;width:43.47%;}
.ns_nr dd{float: right;width:52.17%;}
.ns_nr dd h4 a{display:block;height: 2.8rem;line-height: 2.8rem;font-size:1.5rem;color: #1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_nr dd p{font-size:1.2rem;color: #666666;line-height: 1.8rem;}
.ns_nr dd p a{color: #666}
.ns_nr dd em{font-size: 1.2rem;margin-top:1.8rem;display: block;height: 2rem;line-height: 2rem;color:#666;}
.ns_nr dd em img{width:1.2rem;margin-right:0.5rem;vertical-align: middle;display:inline-block;}
.ns_nr li {display: block;height: 5.2rem;line-height: 5.2rem;border-top: 1px dashed #d9d9d9;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_nr li em{width:2.3rem;height: 2.3rem;border:0.1rem solid #a3a3a3;text-align: center;font:1.5rem arial;color: #666666;display: inline-block;line-height: 2.3rem;margin-right:1.1rem;}
.ns_nr li a{font-size:1.3rem;color: #666666;}
/*.ns_nr li:last-child{border:0;}*/


.about{background: url(/ruizhi/wap/images/ab_bj.jpg) no-repeat center top;background-size: 100% 28.15rem;padding:3.4rem 4% 2.3rem;}
.about dd{text-align: center;height: 14.35rem;}
.about dd h2 a{display: block;height: 3rem;line-height: 3rem;font-size:2.3rem;color: #fff;}
.about dd p{font-size:1.3rem;color: #fff;line-height: 2.2rem;padding-top:1.25rem;}
.about dd p a{color:#fff;}
.about dt{font-size:0;line-height: 0;box-shadow: 0 0.5rem  2rem rgba(0,0,0,0.5)}

.zs_c{padding:0 4% 3.3rem;overflow: hidden;}
.zs_c .tit{height: 4.4rem;overflow: hidden;}
.zs_c .tit h3{padding-left:1rem;background: url(/ruizhi/wap/images/zs_ico1.png) no-repeat left center;height: 3.1rem;line-height: 3.1rem;}
.zs_c .tit h3 a{font-size:1.8rem;color: #333333;font-weight: bold;display: inline-block;padding-right:0.5rem;}
.zs_c .tit em{font-size:1.2rem;color: #333;}
.zs_c .tit i{float: right;font-size:0;line-height: 0;padding-top:0.45rem;width:2.35rem;}
.zs_nr p{font-size:0;line-height: 0;}



html{ background:#f7f7f7;}/*图片加载未完成前，默认背景色*/
.wrap{ /* opacity:0;开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:750px; 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; }
.homeShow #showNext{display: none!important }
/*渐显动画*/
@-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;
}



@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:393px){html{font-size:10.48px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}