*{padding: 0; margin: 0;}
.container{max-width: 1400px;}
h2.htit2{font-size: 30px; text-align: center; font-weight: bold; line-height: 2;}
.about_top{width: 100%; box-shadow:  0 0 30px rgba(100,100,100,.1); margin-top: 100px; box-sizing: border-box; padding: 70px;position: relative;z-index: 3;background: rgba(255,255,255,.7);}
.about_top h2.htit2 {margin-bottom: 30px;}
.about_top p{line-height: 1.875; color: #666; font-size: 16px;}
.about_top ul{display: flex; justify-content: space-between; margin-top: 60px;}
.about_top ul li{font-size: 24px;font-weight: bold;}
.about_top ul li i{ font-size: 40px; color: #e6224d;font-style: normal; margin: 0 5px;}
.about_bottom{position:relative; width: 1490px; left: -45px; top:60px; z-index: 1; margin-bottom: 0;}
.businessbox{position: relative;padding-top: 100px;}
.businessbox b.b1{position: absolute; left: 0; top:0; width: 100%; height: 58%; background: #f7f7f7;}
.businessbox .container{position: relative; z-index: 3;}
.bus_box p.p1{line-height: 1.5; color: #666; font-size: 16px; width: 80%; text-align: center; margin: 10px auto;}
.bus_box ul{display: flex; justify-content: space-between;margin-top: 60px;}
.bus_box li{width: 31.5%;box-shadow:  0 0 30px rgba(100,100,100,.1);}
.bus_box li>i>img{display: block; margin: 0 auto; width: 100%;}
.b_txt{padding: 40px; box-sizing: border-box; width: 100%; background: #fff;}
.b_txt h4{font-size: 24px; color: #222;font-weight: bold;}
.b_txt_box{margin-top: 20px;color: #000;font-size: 16px; height: 134px;overflow: hidden;}
.b_txt_box.on{height: auto;}
.b_txt_box b{display: block; margin-top: 10px; line-height: 1.5; }
.b_txt_box p{line-height: 1.5;}
.b_txt_box p>img{display: block;max-width: 100%; margin: 20px auto 0;}
.b_txt_box p span{position: relative;display: block;padding-left: 10px;}
.b_txt_box p span:before{width: 3px; height: 3px; background: #000; border-radius:50%;position: absolute; left: 4px; top:10px; content: '';}
.b_txt_box p em{position: relative;display: inline-block;padding-left: 10px;width: 34%; font-style: normal;}
.b_txt_box p em:before{width: 3px; height: 3px; background: #000; border-radius:50%;position: absolute; left: 4px; top:10px; content: '';}
.b_txt .more{width: 100%; margin-top: 30px; cursor: pointer;}
.b_txt .more span{width: 100%; height: 55px; border-radius: 10px;display: flex;align-items: center; justify-content: space-between; background: #f0f0f0; color: #000; font-size: 18px;padding: 0 20%; box-sizing: border-box;}
.b_txt .more span img.img2{display: none;}
.b_txt .more span:hover{ background: #e6224d; box-shadow: 0 10px 20px rgba(230,34,77,.25); color: #fff;}
.b_txt .more span:hover>i>img.img2{display: block;}
.b_txt .more span:hover>i>img.img1{display: none;}
.b_txt .more span.s2{display: none;background: #e6224d; box-shadow: 0 10px 20px rgba(230,34,77,.25); color: #fff;}
.wrbox{position: relative;}
.wrbox b.b1{position: absolute; left: 0; top:250px; width: 100%; height: 130%; background: #f7f7f7;}
.wrbox .container{position: relative; z-index: 3;}
.w_tabbox{box-shadow:  0 0 30px rgba(100,100,100,.1); background: #fff; padding: 50px 0;}
ul.tab01{width: 100%; display: flex; border-bottom: solid #ccc 1px;}
ul.tab01 li{width: 25%;font-size: 20px; color: #000; padding: 10px 0 30px;font-weight: bold; text-align: center;position: relative;cursor: pointer;}
ul.tab01 li.on{color:#e6224d; }
ul.tab01 li.on:before{background: #e6224d; width: 100%; height: 4px; bottom: -1px; left: 0;position: absolute;content: '';}
.tab_box>div{display: none;}
.tab_box>div.on{display: block;}
.tab_con1 ul{display: flex; justify-content: space-between; padding: 4%;}
.tab_con1 ul li{width: 31%; background: #fff; border: solid #ddd 1px; border-radius: 8px;box-shadow:  0 0 20px rgba(100,100,100,.2);padding: 20px; box-sizing: border-box;}
.tab_con1 ul li p{font-size: 18px;line-height: 1.5; min-height: 85px;}
.tab_con1 ul li p>i{font-style: normal; color: #e6224d;}
.tab_con1 ul li>img{display: block; width: 100%; margin: 20px auto 0;}
a.more03{background: #e6224d; width: 33%; height: 60px;border-radius: 10px; text-align: center; line-height: 60px; color: #fff; box-shadow: 0 10px 20px rgba(230,34,77,.25);display: block;margin: 60px auto 0;font-size: 18px;}
a.more03:hover{color: #fff;}
.tab_box>div.tab_con2{width: 100%; padding: 4%; box-sizing: border-box;}
.tab2_flex{display: flex;  justify-content: space-between;}
.tab2_flex .fl,.tab2_flex .fr{ width: 48%;box-shadow:  0 0 20px rgba(100,100,100,.2);padding: 30px; box-sizing: border-box; border-radius: 10px;}
.tab2_flex h5{ font-size: 18px; color: #000; font-weight: bold;}
.tab2_flex .fl img{display: block; width: 100%; margin-top: 30px;}
.tab2_flex .fr p{font-size: 14px; color: #999; line-height: 1.5; margin-top: 10px;}
.tab2_flex .hz02ct_slide1{width:calc(100% + 30px) ; overflow: hidden; margin-top: 20px;}
.tab2_flex .hz02ct_slide1  li{width: 24%;margin: 0 5px;}
.tab2_flex .hz02ct_slide1  li span{display: block; font-size: 10px!important; line-height: 1.3; text-align: center;margin-top: 20px;}
.tab2_flex .hz02ct_slide1  li img{border: solid #ddd 1px; border-radius: 5px; width: 100%;}
.tabSwiper{margin-top: 20px;}
.tabSwiper .swiper-slide{width: 25%;}
.tabSwiper .swiper-slide img{border: solid #ddd 1px; border-radius: 5px;}
.tabSwiper .swiper-slide span{display: block; font-size: 10px!important; line-height: 1.3; text-align: center;margin-top: 20px;}
.tab_con3{width: 100%; padding: 4%; box-sizing: border-box;}
.tab_con3 p.p1{text-align: center; color: #666; font-size: 16px; line-height: 2;}
.tab_con3>ul{display: flex; justify-content: space-between; margin-top: 30px;}
.tab_con3>ul>li{width: 48%;box-shadow:  0 0 10px rgba(100,100,100,.1); background: #fff; box-sizing: border-box;padding: 20px;}
.tab_con3>ul>li p{font-size: 20px; line-height: 1.4; color: #000;}
ul.ul_sub1{display: flex;margin-top: 30px;}
ul.ul_sub1 li{width: 24%; }
ul.ul_sub1 li>i{width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border: solid #ccc 1px; border-radius: 50%; margin: 0 auto;}
ul.ul_sub1 li>i>img:nth-child(2){display: none;}
ul.ul_sub1 li>span{display: block; text-align: center; font-size: 14px; line-height: 1.5; margin-top: 20px;}
ul.ul_sub1 li>span>i{font-size: 20px; color: #e6224d; font-style: normal;}
ul.ul_sub1 li:hover>i{background: #e6224d; border: solid #e6224d 1px;box-shadow: 0 10px 20px rgba(230,34,77,.25); }
ul.ul_sub1 li:hover>i>img:nth-child(1){display: none;}
ul.ul_sub1 li:hover>i>img:nth-child(2){display: block;}
ul.ul_sub2{display: flex;margin-top: 30px; justify-content: space-between;}
ul.ul_sub2 li{width: 48%; }
ul.ul_sub2 li>img{width: 100%;display: block; border-radius: 5px;}
ul.ul_sub2 li>span{display: block; text-align: center; font-size: 14px; line-height: 1.5; margin-top: 20px;}

.tab4_flex{box-sizing: border-box; width: 100%; padding: 85px 100px; display: flex; justify-content: space-between; clear: both; align-items: center;}
.tab_con4 .fl{width: 40%; float: none;}
ul.ul_sub3{display: flex;margin-top: 30px; flex-wrap: wrap; justify-content: space-between;}
ul.ul_sub3 li{width: 30%; margin: 15px 0; }
ul.ul_sub3 li>i{width: 126px; height: 126px; display: flex; align-items: center; justify-content: center; border: solid #ccc 1px; border-radius: 50%; margin: 0 auto;}
ul.ul_sub3 li>i>img:nth-child(2){display: none;}
.tab_con4 .fr{width: 55%;float: none;}
.tab_con4 .fr h5{font-size: 24px; color: #000; font-weight: bold; margin-bottom: 50px;}
.tab_con4 .fr h6{font-size: 20px; color: #000;font-weight: bold; margin-bottom: 30px;}
.tab_con4 .fr p{ font-size: 16px; line-height: 1.8; color: #666;}
ul.ul_sub3 li:hover>i{background: #e6224d; border: solid #e6224d 1px;box-shadow: 0 10px 20px rgba(230,34,77,.25); }
ul.ul_sub3 li:hover>i>img:nth-child(1){display: none;}
ul.ul_sub3 li:hover>i>img:nth-child(2){display: block;}
.productbox{position: relative;z-index: 3;}
.ul_pro{display: flex; justify-content: space-between;margin-top: 60px;}
.ul_pro li{width: 33%;position: relative;border-top: solid #f7f7f7 4px;}
.ul_pro li img{width: 100%;}
.p_txt{position: absolute; width: 100%; height: 35%; bottom: 0; left: 0;}
.p_txt p{font-size: 20px; color: #666; text-align: center;}
span.more02{ background: #fff; color: #a5a7a8; font-size: 18px; text-align: center; width: 50%; height: 55px; line-height: 55px;display: block; border-radius: 10px;position: absolute; bottom: 40px; left:25%;}
.ul_pro li:hover{border-top: solid #e6224d 4px;}
.ul_pro li:hover span.more02{background: #e6224d;color: #fff;}

.caseSwiper{width: 100%; overflow: hidden;}
.caseSwiper .swiper-slide{width: 100%; display: block;}
.caseSwiper .swiper-slide p.p1{text-align: center; color: #999; font-size: 16px; margin-top: 10px;}
.casebox{width: calc(100% - 10px);margin:0 5px 10px; display: flex; padding: 0 80px; box-sizing: border-box;box-shadow:  0 0 10px rgba(100,100,100,.1); margin-top: 70px; justify-content: space-between; background: #fff;}
.case_img{width: 46%; padding: 80px 0;}
.case_txt{width: 50%;border-left: solid #ddd 1px; padding: 80px 0 80px 80px; box-sizing: border-box; display: flex; align-items: center;}
.case_txt h5{font-size: 24px; color: #000; margin-bottom: 50px; line-height: 1;font-weight: bold;position: relative;cursor: pointer; display: flex;justify-content:space-between; align-items: center;}
.case_txt h5 i>img:nth-child(2){display: none;}
.case_txt h5:before{ background: #aeb0b1; width: 14px; height: 14px; border-radius: 50%; content: '';position: absolute; left: -87px; top:5px;}
.case_con{display: none; margin-bottom: 70px;}
.case_con p{ font-size: 16px; line-height: 1.5; color: #666; margin-bottom: 12px;}
.case_txt li.on .case_con{display: block;}
.case_txt li.on h5{color: #e6224d;}
.case_txt li.on  h5:before{background: #e6224d;}
.case_txt li.on h5 i>img:nth-child(2){display: block;}
.case_txt li.on h5 i>img:nth-child(1){display: none;}
.case_sw{width: 100%;position: relative;}
.case_sw ul.case_tab{display: flex;  margin-top: 40px;}
.case_sw ul.case_tab li{width: 50%; text-align: center; font-size: 20px; color: #999; cursor: pointer;position: relative;}
.case_sw ul.case_tab li.on:before{ width: 56px; height:38px; background: url("../RJ-img/jiantou.jpg") center no-repeat; left: calc(50% - 28px); bottom: -70px; content: '';position: absolute;
z-index: 9999}
.case_sw ul.case_tab li.on{color: #e6224d;font-weight: bold; }
.case-next,.case-prev{position: absolute; top:calc(50% - 30px); z-index: 3;cursor: pointer; width: 60px; height: 60px; border-radius: 50%; background: #bfbfbf; display: flex;align-items: center;justify-content: center;}
.case-next:hover,.case-prev:hover{background: #e6224d;}
.case-next{right:-80px;}
.case-prev{left: -80px;}


.formbox1{width: 100%; position: relative;}
.formbox1 b.b1{position: absolute; left: 0; top:-300px; width: 100%; height: 130%; background: #f4f4f4;}
.formbox1 .container{position: relative;z-index: 3;}
.formbox01{display: flex; justify-content: space-between;padding: 100px; box-sizing: border-box;box-shadow:  0 0 10px rgba(100,100,100,.1); margin-top: 70px; background: #fff;}
.formbox01 .fl ul{display: block;width: 100%;}
.formbox01 .fl ul li{border-bottom: solid #eee 1px; width: 100%; padding-bottom: 16px; margin-bottom: 26px;font-size: 20px; color: #000; display: flex; align-items: center;}
.formbox01 .fl ul li:last-child{margin-bottom: 0;}
.formbox01 .fl ul li.s1{border-bottom: none;}
.formbox01 .fl ul li>i{width: 30px; display: block;}
.formbox01 .fl ul li>label{width: 210px; display: block; }
.formbox01 .fl ul li>input[type='text']{width: calc(100% - 240px); border: none;}
#imgCodeInput{width: calc(100% - 390px);}
.formbox01 .fl ul li>select{width: calc(100% - 210px);  border: none; color:#ccc;background: #fff;}
.formbox01 .fl ul li>select>option{ color:#333}
.formbox01 .fl ul li .btn1{background: #e6224d; width: 100%; height: 70px; line-height: 70px;text-align: center; color: #fff;font-size: 18px; border: none; border-radius: 10px;}
.formbox01 .fl{width: 66%; box-sizing: border-box;padding-right: 100px;}
.formbox01 .fr{width: 33%; border-left: solid #ddd 1px; padding-left: 100px; box-sizing: border-box;}
.formbox01 .fr li{display: block;width: 100%; font-size: 18px; padding-left: 26px; position: relative; margin-bottom: 30px;}
.formbox01 .fr li:before{ width: 5px; height: 15px; border-radius: 2.5px; background: #e6224d; content: '';position: absolute; left: 0; top:2px;}
.formbox01 .fr li b{display: block;}
.formbox01 .fr li span{display: block; color: #666; margin-top: 10px;}
.formbox01 input::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color :#ccc;

}

.formbox01 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color :#ccc;

}

.formbox01 ::-moz-placeholder { /* Mozilla Firefox 19+ */

    color :#ccc;

}

.formbox01 input:-ms-input-placeholder { /* Internet Explorer 10-11 */

    color :#ccc;

}

.formbox01 input::-ms-input-placeholder { /* Microsoft Edge */

    color :#ccc;

}

@media screen and (max-width:1440px) {
    .container{max-width: 1200px;}
    .about_bottom{width: 100%;left:0;}
    .about_bottom img{width: 100%; }
    .tab_con3 > ul > li p br{display: none;}
    .case_img img{width: 100%;}
    .case-prev {
        left: -30px;
    }
    .case-next{right:-30px;}
}
@media screen and (max-width:1310px) {
    .about_top ul li{font-size: 21px;}
    .about_top ul li i{font-size: 36px; margin: 0 2px;}
}
@media screen and (max-width:1200px) {
    .formbox01{padding: 40px;}
    .formbox01 .fl{padding-right: 40px;}
    .formbox01 .fr{padding-left: 40px;}
    .tab_con1 ul{padding: 30px;}
    .tab_con1 ul li{width: 32%;}
    .tab_con4 .fr{width: 50%;}
    .tab4_flex{padding: 40px;}
    .casebox{padding: 0 40px;}
    .case_img{padding: 40px 0;}
    .case_txt{padding: 40px 0 40px 40px;}
    .case_txt h5::before{left: -47px;}
    .about_top ul li{font-size: 18px;}
    .about_top ul li i{font-size: 30px; margin: 0 2px;}


}

@media screen and (max-width:1024px) {
    .w_tabbox{padding: 20px 0 0;}
    .about_top ul,.tab_con3 > ul,.tab4_flex,.ul_pro{flex-wrap: wrap;text-align: center;}
    .tab_con3 > ul > li{width: 100%; margin-bottom: 20px;}
    .about_top ul li{width: 100%;}
.bus_box ul{flex-wrap: wrap;}
.bus_box li,.ul_pro li{width: 100%;margin-bottom: 20px;}
    .tab2_flex{flex-wrap: wrap;}
    .tab2_flex .fl, .tab2_flex .fr{width: 100%; padding: 20px;}
    .tab2_flex .fr{margin-top: 20px;}
    .tab_con4 .fl{width: 100%;}
    .tab_con4 .fr{width: 100%; margin-top: 60px;}
    a.more03{width: 300px;}
    .casebox{flex-wrap: wrap;}
    .case_img{width: 100%;}
    .case_txt{width: 100%;}
    .case_txt h5{margin-bottom: 20px;}
    .case_con{margin-bottom: 30px;}
    .formbox01{flex-wrap:wrap;}
    .formbox01 .fl,.formbox01 .fr{width: 100%;}
    .formbox01 .fr{margin-top: 30px;}
}
@media screen and (max-width:768px) {
    .container{ width: calc(100% - 40px); margin: 0 20px;}
  h2.htit2{font-size: 20px; line-height: 1.4; margin-bottom: 20px;}
    .about_top{padding: 20px; margin-top: 30px;}
    .about_top p{font-size: 14px; line-height: 1.6;}
    .about_top ul{margin-top: 20px;}
    .about_top ul li{font-size: 16px;}
    .about_top ul li i{font-size: 24px;}
    .about_bottom{top:20px;margin-bottom: 30px;}
    .businessbox{padding-top: 30px;}
    .bus_box ul{margin-top: 20px;}
    .bus_box p.p1{font-size: 14px; width: 100%; margin: 0 auto;}
    .b_txt{padding: 20px; }
    .b_txt h4{font-size: 18px;}
    .b_txt_box{font-size: 14px;margin-top: 10px;height: 119px;}
    .b_txt .more span{font-size: 16px;}
    ul.tab01{flex-wrap: wrap; border-bottom: none;}
    ul.tab01 li{width: 50%;font-size: 16px; padding: 0 0 10px; margin-bottom: 10px; border-bottom: solid #eee 1px;}
    .tab_con1 ul{padding: 20px;flex-wrap: wrap;}
    .tab_con1 ul li{width: 100%; margin-bottom: 20px;}
    .tab_con1 ul li p{min-height: auto;font-size: 14px;}
    .tab_con1 ul li p br{display: none;}
    .tab2_flex h5{font-size: 16px;}
    .tab2_flex .fl img{margin-top: 20px;}
    .tab_con3 p.p1{font-size: 14px; line-height: 1.5;}
    .tab_con3 > ul > li p{font-size: 16px;}
    ul.ul_sub1{flex-wrap: wrap; }
    ul.ul_sub1 li{width: 100%;margin-bottom: 20px;}
    ul.ul_sub1 li > span{margin-top: 10px;}
    .tab4_flex{padding: 20px;}
    .tab_con4 .fr{margin-top: 20px;}
    ul.ul_sub3{margin-top: 0;}
    ul.ul_sub3 li{margin: 10px 0;}
    ul.ul_sub3 li > i{width: 80px; height: 80px;}
    ul.ul_sub3 li > i > img{width: 40px;}
    .tab_con4 .fr h5{font-size: 18px; margin-bottom: 20px;}
    .tab_con4 .fr h6{font-size: 16px; margin-bottom: 10px;}
    .tab_con4 .fr p{font-size: 14px; line-height: 1.5;}
    a.more03{ height: 50px; font-size: 16px; line-height: 50px; margin: 20px auto 0;}
    .ul_pro{margin-top: 20px;}
    .p_txt p{font-size: 16px;}
    span.more02{font-size: 16px; height: 40px; line-height: 40px;}
    .casebox{padding: 0 20px; margin-top: 50px;}
    .case-next, .case-prev{width: 30px; height: 30px;}
    .case-prev{left: -10px;}
    .case-next{right: -10px;}
    .case_img{padding: 20px 0;}
    .case_txt {
        padding: 20px 0 20px 20px;
    }
    .case_txt h5::before {

        width: 10px;
        height: 10px;
        left: -25px;
        top: 5px;
    }
    .case_txt li h5{font-size: 18px; margin-bottom: 10px;}
    .case_con p{font-size: 14px;}
    .case_txt li.on .case_con{margin-bottom: 20px;}
    .formbox01{padding: 20px; margin-top: 20px;}
    .formbox01 .fl ul li{font-size: 14px; margin-bottom: 10px;}
    .formbox01 .fl ul li > i{width: 15px;}
    .formbox01 .fl{padding-right: 0;}
    .formbox01 .fl ul li > label{width: 95px;}
    .formbox01 .fl ul li>select{width: calc(100% - 110px); }
    .formbox01 .fl ul li>input[type='text']{width: calc(100% - 110px); }
    #imgCodeInput{width: calc(100% - 110px); }
    .formbox01 .fl ul li .btn1{height: 40px; line-height: 40px;font-size: 16px;  border-radius: 8px;}
    .formbox01 .fr{padding-left: 20px; margin-top: 15px;}
    .formbox01 .fr li{font-size: 14px; margin-bottom: 10px;padding-left: 16px;}
    .formbox01 .fr li:before{ width: 4px; height: 12px; border-radius: 2px;  top:2px;}
    .formbox01 .fr li span{margin-top: 5px;}
    .tab2_flex .hz02ct_slide1{width: 100%;}
    .tab2_flex .hz02ct_slide1  li{width: 48%; margin: 0 10px;}
    .case_sw ul.case_tab li{font-size: 16px; box-sizing: border-box; padding: 0 20px;}
    .case_sw ul.case_tab li.on::before{bottom:-50px;}
    .case_txt li h5 i > img{width: 12px; height: auto;}

}