@charset "utf-8";


.sub_wrap ul,.sub_wrap li {margin:0;padding:0;list-style:none}
.sub_row1{
    padding-top: 110px;
    position: relative;
}
.sub_row1 .txt_box{
    line-height: 8px;
    color: #161622;
}
.sub_row1 .txt0{
    font-size: 16px;
}
.sub_row1 .txt1{
    color: #a40001;
    font-size: 34px;
}
.sub_row1 .txt2{
    margin-top: 40px;
    margin-bottom: 18px;
}
.sub_row1 .txt2 span{
    width: 181px;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    background: #a40001;
    font-family: 'Noto Sans M';
    color: #fff;
    text-align: center;
    border-radius: 30px;
    font-size: 22px;
}
.sub_row1 .txt2 i{
    color: #1d4771;
    font-size: 22px;
    margin-left: 15px;
}
.sub_row1 .txt2 i img{margin-right:10px;}
.sub_row1 .txt3{
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 28px;
}
.sub_row1 .txt4{
    font-size: 14px;
    color: #a40001;
    margin-bottom: 82px;
}
.sub_row1 .txt4 span{
    font-weight: bold;
    display:inline-block;
}
.sub_row1 .txt4 span:after{
    display:inline-block;
    content:"";
    width:1px; height:10px; background:#a40001; margin:0 3px 0 6px;
}
.sub_row1 .img{
    position: absolute;
    right: 76px;
    top: 53px;
}
.sub_row1 .row1{
    background: #a40000;
    color: #fff;
    text-align: center;
    font-family: 'Noto Sans M';
    font-size: 16px;
    position:relative;
    padding: 12px 0;
}
.sub_row1 .row1:before{content:'';height:0;width:0;display:block;border: 12px transparent solid;border-bottom-width:0;border-top-color:#a40000;position:absolute;bottom: -12px;left: 50%;margin-left: -6px;}
.sub_row2{padding-top: 20px;}
.sub_wrap .tlt1{
    text-align: center;
    font-size: 32px;
    line-height: 1.3;
    color: #161622;
}
.sub_row3 .tlt1 b{display:block; }
.sub_row2 .list1{}
.sub_row2 .list1 li{
    float: left;
    margin-right: 40px;
    width: calc(35.333333% - 50px);
    margin-bottom: 0px;
}
.sub_row2 .list1:after{
    display:block;
    clear:both;
    content:"";
}
.sub_row2 .list2:after{
    display:block;
    clear:both;
    content:"";
}
.sub_row2 .list1 li:last-child{margin-right:0px;}
.sub_row2 .list1 li .img{
    margin-bottom: 14px;
}
.sub_row2 .list1 li .txt{
    font-family: 'Noto Sans M';
    text-align: center;
    margin-bottom: 0px;
}
.sub_row2 .list1 li .txt span{
    color: #a40001;
}
.sub_row2 .list2{}
.sub_row2 .list2 li{
    width: 33.333333%;
    float: left;
    text-align: center;
}
.sub_row2 .list2 li .img{}
.sub_row2 .list2 li .txt{
    font-family: 'Noto Sans M';
    color: #161622;
    line-height: 1.4;
}
.sub_row2 .list2 li .txt span{
    display: block;
    font-family: 'Noto Sans M';
    margin-bottom: 17px;
}
.sub_row2 .list2 li .txt span i{
    font-size: 22px;
    color: #a40001;
    font-family: 'Noto Sans M';
    font-weight: normal;
    margin-right: 10px;
}
.sub_row2 .more{
    width: 290px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    display: block;
    margin: 0 auto;
    border: 1px solid #000;
    font-size: 14px;
    transition: all .3s linear;
    margin-top: 20px;
}
.sub_row2 .more:hover{background-color: #a40000;color: #ffffff;border-color: #a40000;}
.sub_row2 .tlt1.lt00{margin-top:100px;}


.sub_row3{
    padding-top: 133px;
    position: relative;
}
.sub_row3 .tlt2{
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    color: #161622;
    position: relative;
}
.sub_row3 .tlt2 span{
    width: 118px;
    height: 25px;
    background: #a40000;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    line-height: 25px;
    position: absolute;
    font-weight: 100;
    top: -19px;
    left: 50%;
    margin-left: 35px;
}
.sub_row3 .step{}
.sub_row3 .step:after{
    display:block;
    clear:both;
    content:"";
}
.sub_row3 .step li{
    float: left;
    position: relative;
}
.sub_row3 .step .box{
    width: 216px;
    height: 100px;
    text-align: center;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    font-family: 'Noto Sans M';
    color: #161622;
    box-shadow: 3px 4px 6px #cccccc;
    margin: 0 5px;
    line-height: 1.5;
    padding-top: 26px;
}
.sub_row3 .step .arrow i{
    width: 36px;
    height: 36px;
    position: absolute;
    background: #161622;
    border-radius: 50%;
    top: 33px;
    left: -18px;
    z-index: 19;
}
.sub_row3 .step .arrow i:before{content:'';height: 7px;width: 7px;display:block;border: 1px solid #fff;border-left-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top: 15px;right: 10px;}
.sub_row3 .step .arrow i:after{content:'';height: 1px;width: 17px;display:block;background:#fff;position:absolute;top: 18px;left: 9px;}

.sub_row3 .img_info{
    margin-top: 50px;
    margin-bottom: 70px;
}

.sub_row3 .img_info .box{
    position: relative;
}
.sub_row3 .img_info .box:after{
    display:block;
    clear:both;
    content:"";
}
.sub_row3 .img_info .box .img{
    float: left;
    width: 50%;
}
.sub_row3 .img_info .box .img .mo{display:none;}
.sub_row3 .img_info .box .txt{
    font-size: 14px;
    color: #444444;
    line-height: 1.5;
    width: 370px;
    float: left;
}
.sub_row3 .img_info .box .txt b{
    font-size: 22px;
    display: block;
    color: #a40001;
    font-family: 'Noto Sans M';
    font-weight:500;
    margin-bottom: 15px;
}
.sub_row3 .img_info .box .txt span{
    display: block;
    color: #161622;
}
.sub_row3 .img_info .box1{}
.sub_row3 .img_info .box2{}
.sub_row3 .img_info .box3{}
.sub_row3 .img_info .box1 .txt{
    padding-top: 62px;
    margin-left: 40px;
}
.sub_row3 .img_info .box2 .txt{
    padding-top: 92px;
    padding-bottom: 100px;
}
.sub_row3 .img_info .box3 .txt{
    margin-left: 40px;
    margin-top: 60px;
}
.sub_row3 .img_info .box1 .img{}
.sub_row3 .img_info .box2 .img{
    position: absolute;
    right: 0px;
}
.sub_row3 .img_info .box3 .img{
    text-align: center;
}
.sub_row3 .cmt{}
.sub_row3 .cmt .img{
    float: left;
    padding-left: 100px;
    margin-right: 50px;
}
.sub_row3 .cmt:after{
    display:block;
    clear:both;
    content:"";
}
.sub_row3 .cmt .txt{
    float: left;
    position: relative;
}
.sub_row3 .cmt .txt p{
    width: 325px;
    height: 68px;
    line-height: 68px;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 50px 50px 50px 0px;
    color: #161622;
    position: absolute;
}
.sub_row3 .cmt .txt .t1{top: 20px;left: 0px;}
.sub_row3 .cmt .txt .t2{
    left: 0;
    top: 98px;
}
.sub_row3 .cmt .txt .t3{
    left: 344px;
    top: 58px;
}
.sub_row3 .txt1{
    font-size: 22px;
    text-align: center;
    width: 550px;
    font-family: 'Noto Sans M';
    line-height: 1.5;
    position:relative;
    margin-top: 102px;
}
.sub_row3 .txt1:after{
    content:"";
    display:block;
    width: 1130px;
    background:#a40001;
    height:32px;
    top: 69px;
    position: absolute;
    /* margin-left: -575px; */
}
.sub_row3 .txt1 span{
    display: block;
    color: #a40001;
}
.sub_row3 .txt1 em{
    font-weight: 100;
    color: #fff;
    position: relative;
    z-index: 10;
}
.sub_row3 .img1{position:absolute;right: 59px;bottom: -56px;}
.sub_row3 .img1 span{
    position: absolute;
    top: 73px;
    left: -81px;
    font-size: 13px;
    color: #a40000;
    font-family: 'Noto Sans M';
}

.sub_row3 .img1 .mo{display:none;}
.sub_row3 .img1 i{}

.sub_row4{padding-top:130px;padding-bottom: 80px;}
.sub_row4 .info_box{
    margin-bottom: 90px;
}
.sub_row4 .info_box:after{
    display:block;
    clear:both;
    content:"";
}
.sub_row4 .info_box .row{
    float: left;
    width: 33.3333%;
}
.sub_row4 .info_box .row1{padding-top: 73px;}
.sub_row4 .info_box .l0{
    line-height: 1.5;
    position: relative;
    margin-bottom: 65px;
}
.sub_row4 .info_box .l0:after{
    display:block;
    clear:both;
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background:#a40000;
    position: absolute;
    top: 21px;
}
.sub_row4 .info_box .l1:after{right: 0px;}
.sub_row4 .info_box .l0 span{
    font-size: 60px;
    position: absolute;
    color: #efefef;
    font-style: italic;
    top: -22px;
}
.sub_row4 .info_box .l1{
    text-align: right;
    padding-right: 80px;
}
.sub_row4 .info_box .mo{display:none;}
.sub_row4 .info_box .l2:after{left: 0px;}
.sub_row4 .info_box .l1 span{right: 30px;}
.sub_row4 .info_box .l2{
    padding-left: 89px;
}
.sub_row4 .info_box .l2 span{
    left: 30px;
}
.sub_row4 .info_box .row2{
    text-align: center;
}
.sub_row4 .info_box .row3{
    padding-top: 73px;
}
.sub_row4 .info_box2{}
.sub_row4 .info_box2:after{
    display:block;
    clear:both;
    content:"";
}
.sub_row4 .info_box2 .img{
    float: left;
    width: 50%;
}
.sub_row4 .info_box2 .txt{
    padding-top: 30px;
    float: left;
    width: 50%;
}
.sub_row4 .info_box2 .mo{display:none;}
.sub_row4 .info_box2 ul{
    margin-top: 50px;
}
.sub_row4 .info_box2 ul:after{
    display:block;
    clear:both;
    content:"";
}
.sub_row4 .info_box2 ul li{
    font-size: 18px;
    font-family: 'Noto Sans M';
    background: url(../../../img/nj_img_15.png) no-repeat;
    line-height: 37px;
    padding-left: 44px;
    color: #161622;
    margin-bottom: 20px;
    width: 50%;
    float: left;
}
.main_last_row.sub .txt{
    margin-bottom: -15px;
}




@media (max-width: 1200px) {
    .sub_row1{
        max-width: 500px;
        margin: 0 auto;
        /* padding-left: 20px; */
        /* padding-right: 20px; */
        padding-top: 55px;
    }
    .sub_row1 .txt_box{}
    .sub_row1 .txt0{
        font-size: 13px;
        width: 204px;
        line-height: 1.5;
        word-break: keep-all;
        margin-bottom: 10px;
    }
    .sub_row1 .txt1{
        width: 289px;
        font-size: 25px;
        line-height: 1.2;
        word-break: keep-all;
        font-family: 'Noto Sans M';
    }
    .sub_row1 .txt1 b{}
    .sub_row1 .txt2{}
    .sub_row1 .txt2 span{
        width: 127px;
        height: 32px;
        line-height: 32px;
        font-size: 15px;
    }
    .sub_row1 .txt2 i{
        font-size: 0px;
        margin-left: 10px;
    }
    .sub_row1 .txt3{
        font-size: 13px;
        max-width: 207px;
        word-break: keep-all;
    }
    .sub_row1 .txt3 br{display:none;}
    .sub_row1 .txt4{
        font-size: 13px;
        line-height: 1.4;
    }
    .sub_row1 .txt4 span{
        display: block;
    }
    .sub_row1 .img{
        bottom: 0;
        top: auto;
        right: 0px;
    }
    .sub_row1 .img img{width:197px}
    .sub_row1 .row1{
        line-height: 1.4;
        font-size: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .sub_row1 .txt2 i img{margin-right:10px;width: 128px;margin-top: -10px;}
    .sub_row2{
        max-width: 600px;
        padding: 37px 10px;
        margin: 0 auto;
    }
    .sub_wrap .tlt1.lt00{margin-top: 47px;}
    .sub_wrap .tlt1{
        font-size: 23px;
        word-break: keep-all;
    }
    .sub_row2 .tlt1 br{display:none;}
    .sub_row2 .list1{}
    .sub_row2 .list1 li{
        width: 100%;
        text-align: center;
        margin-bottom: 18px;
    }
    .sub_row2 .list1 li .img{
        margin-bottom: 10px;
    }
    .sub_row2 .list1 li .txt{
        font-size: 13px;
    }
    .sub_row2 .list2{}
    .sub_row2 .list2 li{
        width: 100%;
    }
    .sub_row2 .list2 li .img{
        margin-bottom: 5px;
    }
    .sub_row2 .list2 li .txt{
        line-height: 1.6;
    }
    .sub_row2 .list2 li .txt span{
        margin-bottom: 4px;
    }
    .sub_row2 .list2 li .txt span i{}
    .sub_row2 .more{
        width: 270px;
        height: 50px;
        line-height: 50px;
    }



    .sub_row3{
        max-width: 600px;
        padding: 37px 10px 20px;
        margin: 0 auto;
    }
    .sub_row3 .tlt2{
        font-size: 23px;
        line-height: 1.5;
        padding-top: 13px;
    }
    .sub_row3 .tlt2 span{
        left: 50%;
        margin-left: -59px;
    }
    .sub_row3 .step{}
    .sub_row3 .step li{
        float: none;
    }
    .sub_row3 .step .box{
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .sub_row3 .step .arrow{}
    .sub_row3 .step .arrow i{
        top: -25px;
        left: 50%;
        margin-left: -18px;
    }
    .sub_row3 .step .arrow i:before{content:'';height: 7px;width: 7px;display:block;border: 1px solid #fff;border-right-width: 0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top: 19px;right: 15px;}
    .sub_row3 .step .arrow i:after{content:'';height: 17px;width: 1px;display:block;background:#fff;position:absolute;top: 9px;left: 17px;}

    .sub_row3 .img_info{
        margin-bottom: 30px;
    }
    .sub_row3 .img_info .box{
    }
    .sub_row3 .img_info .box .img{
        text-align: center;
        width: 100%;
        position: static;
        margin-bottom: 17px;
    }
    .sub_row3 .img_info .box .img img{width:100%;}
    .sub_row3 .img_info .box .img .pc{display:none;}
    .sub_row3 .img_info .box .img .mo{display:inline-block;}
    .sub_row3 .img_info .box .txt{
        font-size: 13px;
        padding-top: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
        padding-bottom: 30px;
        margin-top: 0px;
        width: 100%;
    }
    .sub_row3 .img_info .box .txt b{
        font-size: 17px;
        margin-bottom: 10px;
    }
    .sub_row3 .img_info .box .txt span{
    }
    .sub_row3 .img_info .box1{}
    .sub_row3 .img_info .box2{}
    .sub_row3 .img_info .box3{}
    .sub_row3 .cmt{}
    .sub_row3 .cmt .img{
        float: none;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }
    .sub_row3 .cmt .txt{
        float: none;
        text-align: center;
        margin-top: -20px;
        background: #fff;
        width: 276px;
        margin: 0 auto;
        margin-top: -20px;
    }
    .sub_row3 .cmt .txt p{
        position: static;
        display: inline-block;
        margin-bottom: 10px;
        width: 276px;
        font-size: 13px;
    }
    .sub_row3 .cmt .txt .t1{margin-bottom: 8px;margin-left: -12.5px;}
    .sub_row3 .cmt .txt .t2{
        margin-left: 12.5px;
    }
    .sub_row3 .cmt .txt .t3{
        margin-left: -12.5px;
    }
    .sub_row3 .txt1{
        width: 100%;
        font-size: 17px;
        margin-top: 26px;
        line-height: 1.7;
    }
    .sub_row3 .txt1:after{
        display:none;
    }
    .sub_row3 .img1{position: static;text-align: center;}
    .sub_row3 .img1 .mo{display:inline-block}
    .sub_row3 .img1 .pc{display:none;}
    .sub_row3 .txt1 span{}
    .sub_row3 .txt1 em{
        background: #a40001;
        padding: 0 20px;
    }
    .sub_row3 .img1 span{
        position: static;
        text-align: center;
        display: block;
        margin-top: 20px;
    }
    .sub_row3 .img1 i{
        display: none;
    }

    .sub_row4{
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .sub_row4 .info_box{
        width: 334px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .sub_row4 .info_box .row{
        width: 100%;
        padding-top: 0px;
    }
    .sub_row4 .info_box .pc{display:none;}
    .sub_row4 .info_box .mo{display:block;}
    .sub_row4 .info_box .row1{}
    .sub_row4 .info_box .l0{
        margin-bottom: 30px;
        font-size: 12px;
    }
    .sub_row4 .info_box .l0 span{}
    .sub_row4 .info_box .l1{}
    .sub_row4 .info_box .l1 span{}
    .sub_row4 .info_box .l2{}
    .sub_row4 .info_box .l2 span{}
    .sub_row4 .info_box .row2{
        margin-bottom: 25px;
    }
    .sub_row4 .info_box .row3{}
    .sub_row4 .info_box2{}
    .sub_row4 .info_box2 .img{
        width: 100%;
        text-align: center;
    }
    .sub_row4 .info_box2 .txt{
        width: 100%;
        padding-top: 0px;
    }
    .sub_row4 .info_box2 .txt span{
        text-align: center;
        display: block;
    }
    .sub_row4 .info_box2 .pc{display:none;}
    .sub_row4 .info_box2 .mo{display:inline-block;}
    .sub_row4 .info_box2 ul{
        width: 232px;
        margin: 0 auto;
        margin-top: 35px;
    }
    .sub_row4 .info_box2 ul li{
        width: 100%;
        font-size: 15px;
        background-size: 30px;
        line-height: 33px;
        padding-left: 39px;
    }


}