@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:"Microsoft YaHei","微软雅黑","宋体";font-size: 14px;}
a{text-decoration:none;}
img{border:0;vertical-align: middle;}
ul,li{list-style-type:none;}
em,i{font-style:normal;}
strong{font-weight: normal;}
img{border:0;vertical-align: middle;}
.w1180{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.clear{clear:both;}
.fr{float: right;}
.fl{float: left;}

.banner{height: 400px;background:url(../../images/himall/ruzhu/banner.png)center top no-repeat;background-size:cover;box-sizing: border-box;padding-top: 58px;}
.banner h5{display: block;font-weight: 500;font-size: 16px;color: #252627;margin-bottom: 16px;}
.banner h5::before{display: inline-block;content: '';width: 16px;height: 16px;background:url(../../images/himall/ruzhu/b_hash.png);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.banner span{display: block;font-weight: 500;font-size: 38px;color: #000000;margin-bottom: 16px;}
.banner p{font-weight: 400;font-size: 20px;color: #5D5F63;line-height: 28px;margin-bottom: 16px;}
.banner i{display: inline-block;font-weight: 400;font-size: 16px;color: #5D5F63;margin-right: 24px;}
.banner i em{width: 20px;height: 20px;background:url(../../images/himall/ruzhu/b_tick.png);background-size: 100%;display: inline-block;margin-right: 4px;vertical-align: -5px;}
.banner  a{display: block;width: 196px;height: 48px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 36px;}


.title_1{text-align: center;padding: 80px 0 48px;}
.title_1 strong{font-weight: 500;font-size: 38px;color: #262626;display: block;}
.title_1 em{font-weight: 400;font-size: 20px;color: #8C8C8C;margin-top: 14px;display: block;}
.btn{display:block;margin: 40px auto 0;width: 450px;height: 52px;}
.btn a:nth-child(1){width: 244px;height: 50px;background: #FFFFFF;border-radius: 8px 0px 0px 8px;border: 1px solid #0E6EFF;font-weight: 500;font-size: 20px;color: #0E6EFF;line-height: 50px;text-align: center;display: inline-block;margin: 0 auto;float: left;}
.btn a:nth-child(2){width: 144px;height: 52px;background: #0E6EFF;border-radius: 0px 8px 8px 0px;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 52px;display: inline-block;text-align: center;}


.build_1{overflow: hidden;height:auto;background: #FFFFFF;padding-bottom: 80px;}
.build_1 img{display: block;width: 100%;height: 506px;}


.build_2{overflow: hidden;height:auto;padding-bottom: 80px;background: url(../../images/himall/ruzhu/fl2_bg.png);background-size: cover;}
.build_2 .w1180 img{display: block;width: 100%;height: 384px;}
.build_2 .btn a:nth-child(1){width: 192px;}

.build_3{overflow: hidden;height:auto;padding-bottom: 80px;}
.build_3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.build_3 ul li{width: 195px;height: 320px;background: #F4F5F8;border-radius: 8px;transition: 0.3s ease;box-sizing: border-box;}
.build_3 ul li.on{width: 320px;height: 320px;background: url(../../images/himall/ruzhu/fl3_li1.png)top center no-repeat;background-size: cover;}
.build_3 ul li:nth-child(2).on{background: url(../../images/himall/ruzhu/fl3_li2.png)top center no-repeat;background-size: cover;}
.build_3 ul li:nth-child(3).on{background: url(../../images/himall/ruzhu/fl3_li3.png)top center no-repeat;background-size: cover;}
.build_3 ul li:nth-child(4).on{background: url(../../images/himall/ruzhu/fl3_li4.png)top center no-repeat;background-size: cover;}
.build_3 ul li:nth-child(5).on{background: url(../../images/himall/ruzhu/fl3_li5.png)top center no-repeat;background-size: cover;}
.build_3 ul li i{display: block;margin: 82px auto 0;width: 97px;height: 96px;background: url(../../images/himall/ruzhu/fl3_ico1a.png);background-size: 100%;}
.build_3 ul li:nth-child(2) i{background: url(../../images/himall/ruzhu/fl3_ico2a.png);background-size: 100%;}
.build_3 ul li:nth-child(3) i{background: url(../../images/himall/ruzhu/fl3_ico3a.png);background-size: 100%;}
.build_3 ul li:nth-child(4) i{background: url(../../images/himall/ruzhu/fl3_ico4a.png);background-size: 100%;}
.build_3 ul li:nth-child(5) i{background: url(../../images/himall/ruzhu/fl3_ico5a.png);background-size: 100%;}
.build_3 ul li.on i{margin: 48px auto 0;background: url(../../images/himall/ruzhu/fl3_ico1b.png);background-size: 100%;}
.build_3 ul li:nth-child(2).on i{background: url(../../images/himall/ruzhu/fl3_ico2b.png);background-size: 100%;}
.build_3 ul li:nth-child(3).on i{background: url(../../images/himall/ruzhu/fl3_ico3b.png);background-size: 100%;}
.build_3 ul li:nth-child(4).on i{background: url(../../images/himall/ruzhu/fl3_ico4b.png);background-size: 100%;}
.build_3 ul li:nth-child(5).on i{background: url(../../images/himall/ruzhu/fl3_ico5b.png);background-size: 100%;}
.build_3 ul li span{display: block;text-align: center;font-weight: 400;font-size: 20px;color: #262626;margin-top: 32px;}
.build_3 ul li.on span{font-weight: 500;color: #FFFFFF;}
.build_3 ul li p{display: none;}
.build_3 ul li.on p{display: block;margin-top: 16px;font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.85);line-height: 26px;margin-left: 32px;}
.build_3 .btn a:nth-child(1){width: 208px;}


.build_4{overflow: hidden;height:auto;padding-bottom: 80px;background: linear-gradient( 180deg, #F4F5F8 0%, #FFFFFF 65%);}
.build_4 .title_1 em{text-align: left;}
.build_4  .pic{width: 1180px;height: 388px;background: url(../../images/himall/ruzhu/fl4_1.png);background-size: 100%;}
.build_4  .pic h5{display: block;text-align: center;font-weight: 500;font-size: 24px;color: #FE3F3A;}
.build_4 .btn{width: 410px;}
.build_4 .btn a:nth-child(1){width: 256px;}


.build_5{overflow: hidden;height:auto;padding-bottom: 80px;background: url(../../images/himall/ruzhu/fl5_bg.png)top center no-repeat;background-size: cover;}
.build_5 img{width: 896px;height: 356px;margin: 68px auto 0;display: block;}
.build_5 .btn{width: 400px;}
.build_5 .btn a:nth-child(1){width: 252px;}

.build_6{overflow: hidden;height:auto;padding-bottom: 80px;background: #F4F5F8;}
.build_6 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.build_6 ul li{width: 276px;height: 260px;background: #FFFFFF;border-radius: 8px;margin-bottom: 32px;}
.build_6 ul li img{display: block;margin: 32px auto;width: 64px;height: 64px;}
.build_6 ul li span{display: block;text-align: center;font-weight: bold;font-size: 20px;color: #262626;}
.build_6 ul li p{display: block;font-weight: 400;font-size: 16px;color: #5E5E5E;line-height: 24px;margin: 16px 0 0 20px;}
.build_6 .btn{margin-top: 16px;width: 325px;}
.build_6 .btn a:nth-child(1){width: 176px;}

.build_7{overflow: hidden;height:auto;padding-bottom: 80px;background: #FFFFFF;}
.build_7 .position{position: relative;width: 1380px;height: 496px;margin: 0 auto;overflow: hidden;}
.build_7 .swiper-container{width: 1180px;height: 466px;margin: 15px auto;}
.build_7 .swiper-slide{width: 1180px;height: 100%;background: #FFFFFF;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;margin: 0 auto;}
.build_7 .swiper-slide img{display: block;float: left;width: 572px;height: 100%;}
.build_7 .swiper-slide .text{width: 608px;height: 100%;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;float: right;padding: 64px 0 0 80px;}
.build_7 .swiper-slide .text i{display: block;width: 184px;height: 64px;background:url(../../images/himall/ruzhu/fl7_logo1.png);background-size: 100%;}
.build_7 .swiper2 .text i{background:url(../../images/himall/ruzhu/fl7_logo2.png);background-size: 100%;}
.build_7 .swiper3 .text i{background:url(../../images/himall/ruzhu/fl7_logo3.png);background-size: 100%;}
.build_7 .swiper-slide .text span{display: block;font-weight: bold;font-size: 24px;color: #0E6EFF;margin: 24px 0;}
.build_7 .swiper-slide .text p{display: block;font-weight: 400;font-size: 16px;color: #5E5E5E;line-height: 32px;margin-bottom: 48px;}
.build_7 .swiper-slide .text a{display: block;text-align: center;width: 212px;height: 50px;background: #0E6EFF;border-radius: 8px;font-weight: bold;font-size: 16px;color: #FFFFFF;line-height: 50px;}
.build_7 .swiper-button-next{width:72px;height: 72px;background: url(../../images/himall/ruzhu/fl7_next.png);z-index: 10;right:63px;top: 200px;position: absolute;background-size: 100%;}
.build_7 .swiper-button-prev{width:72px;height: 72px;background: url(../../images/himall/ruzhu/fl7_prev.png);z-index: 10;left:63px;top: 200px;position: absolute;background-size: 100%;}
.build_7 .swiper-button-next:after{font-size: 0;}
.build_7 .swiper-button-prev:after{font-size: 0;}

.build_8{overflow: hidden;height:auto;padding-bottom: 80px;background: #F4F5F8;}
.build_8 img{display: block;margin: 80px auto 0;width: 1180px;height: 232px;}

.build_9{overflow: hidden;height:348px;background:url(../../images/himall/ruzhu/fl9_bg.png)top center no-repeat;background-size: cover;box-sizing: border-box;}
.build_9 span{display: block;font-weight: 600;font-size: 40px;color: #FFFFFF;text-align: center;padding-top: 80px;}
.build_9 p{display: block;text-align: center;font-weight: 400;font-size: 24px;color: rgba(255,255,255,0.9);margin-top: 10px;}
.build_9 a{display: block;text-align: center;width: 165px;height: 50px;background: #005EF4;border-radius: 8px;font-weight: bold;font-size: 16px;color: #FFFFFF;line-height: 50px;margin: 40px auto 0;}
.build_9 a::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../../images/himall/ruzhu/fl9_arrow.png);background-size: 100%;margin-left: 5px;vertical-align: -2px;}