.sub_wrap img{display: block; margin: 0 auto; max-width: 100%;}
.sub_wrap p{font-size: 18px; line-height: 1.7; margin-bottom: 0;}

.sub_wrap{width: 1280px; max-width: 95%; margin: 0 auto; }

.sub_0101{display: flex; justify-content: space-between; align-items: center; padding-bottom: 80px;}
.sub_0101 .img{width: 48%;}
.sub_0101 .txt{width: 48%; position: relative; padding: 50px 0;}
.sub_0101 .txt::before{width: 130%; background-color: #f8f8f8; position: absolute; content: ''; right: -50px; bottom: -100px; z-index: -1; top: 0;}
.sub_0101 .txt h1{color:#0054a7; font-size: 27px;}
.sub_0101 .txt h2{font-size: 22px; margin-bottom: 30px;}
.sub_0101 .txt p{color: #222;}
.sub_0101 .txt .sign{display: flex; justify-content: flex-end; align-items: center; margin-top: 20px;}
.sub_0101 .txt h4{font-size: 19px; color: #333; margin-right: 10px;}
.sub_0101 .txt .sign img{width: 190px; margin: 0;}


.sub_0102 .top{width: 1280px; max-width: 95%; margin: 0 auto; }
.sub_0102 .top h6{
    color: #0054a7;
    text-align: center;
    letter-spacing: 10px;
    margin: 30px 0;
    text-transform: uppercase;
    font-weight: normal;
}
.sub_0102 .top h3{text-align: center; font-size: 18px; line-height: 1.7; font-weight: normal;}
.sub_0102 .top img{margin-top: 80px;}

.sub_0102 .bot{margin-top: 80px; padding: 80px 0; background-color: #f8f8f8;}
.sub_0102 .bot h6{
    color: #0054a7;
    text-align: center;
    letter-spacing: 10px;
    margin: 30px 0;
    text-transform: uppercase;
    font-weight: normal;
}
.sub_0102 .ta_box{width: 1280px; max-width: 95%; margin: 0 auto;}
.sub_0102 .ta_box+.ta_box{margin-top: 80px;}
.sub_0102 .ta_box h3 img{height: 100px;}
.sub_0102 .bot_wrap{position: relative; margin-top: 50px;}
.sub_0102 .bot_wrap img{width: 100%;}
.sub_0102 .bot_in table{width: 70%; position: absolute; left: 0; bottom: 0; background-color: rgba(56,84,131,0.9); padding: 0 10px; border-collapse: collapse;}
.sub_0102 .bot_in table tr{border-bottom: 1px solid #ddd;}
.sub_0102 .bot_in table th{font-size: 17px; text-align: center; padding: 10px 15px; border-right: 1px solid #ddd; color: #fff; text-align: left;}
.sub_0102 .bot_in table td{font-size: 17px; padding: 10px 15px; color: #fff;}

.sub_0103 .cont{width: 1280px; max-width: 95%; margin: 0 auto;}
.sub_0103 .cont .title img{height: 60px;}
.sub_0103 .cont+.cont{margin-top: 80px;}
.sub_0103 .cont ul{margin-top: 50px; display: flex; justify-content: space-between; flex-wrap: wrap;} 
.sub_0103 .cont ul li{width: 48%;}
.sub_0103 .cont ul li img{width: 100%;}
.sub_0103 .cont ul li h2{font-size: 26px; line-height: 1; padding-left: 20px; position: relative; margin-bottom: 30px;}
.sub_0103 .cont ul li h2::before{width: 6px; height: 6px; background-color: #0054a7; content: ''; position: absolute; left: 0; top: 10px;}
.sub_0103 .cont ul li .txt{padding-top: 30px;}
.sub_0103 .cont ul li .txt b{color: #a81a4f;}
.sub_0103 .cont ul li .txt .flex_p{display: flex;}
.sub_0103 .cont ul li .txt .flex_p span+span{margin-left: 15px;}
.sub_0103 .cont ul li .txt span{display: inline-block; position: relative; padding-left: 15px; }
.sub_0103 .cont ul li .txt span::before{width: 6px; height: 6px; background-color: #a81a4f; content: ''; position: absolute; left: 0; top: 10px;}
.sub_0103 .cont_box{background-color: #f8f8f8; margin: 80px 0; padding: 80px 0;}

.sub_0103 .cont02 .title h5{text-align: center; font-size: 38px; color: #0054a7;}
.sub_0103 .cont02 ul{ flex-wrap: wrap;}
.sub_0103 .cont02 ul li{width: 32%;}
.sub_0103 .cont02 ul li .txt .flex_p{flex-direction: column;}
.sub_0103 .cont02 ul li .txt .flex_p span+span{margin-left: 0px;}
.sub_0103 .cont02 ul li:nth-child(-n+3){margin-bottom: 50px;}

.pc_hide{display: none;}

@media(max-width: 1200px){
    .sub-p{padding: 0;}
    .pc_hide{display: block;}
    .sub_wrap p{font-size: 16px; line-height: 1.5;}

    .sub_0101{flex-direction: column; padding-bottom: 0;}
    .sub_0101 .img{width: 100%; margin-bottom: 20px;}
    .sub_0101 .txt{width: 100%; padding: 0 0 30px 0;}
    .sub_0101 .txt::before{display: none;}
    .sub_0101 .txt h1{font-size: 24px;}
    .sub_0101 .txt h2{font-size: 20px;}
    .sub_0101 .txt h4{font-size: 15px;}
    .sub_0101 .txt .sign img{width: 150px;}

    .sub_0102 .top h6{margin: 0 0 20px 0; font-size: 14px; letter-spacing: 6px;}
    .sub_0102 .top h3{font-size: 16px; line-height: 1.5;}
    .sub_0102 .top img{margin-top: 30px;}
    .sub_0102 .bot{margin-top: 30px; padding: 30px 0;}
    .sub_0102 .bot h6{margin: 0 0 20px 0; font-size: 14px; letter-spacing: 6px;}
    .sub_0102 .ta_box h3 img{height: 40px;}
    .sub_0102 .bot_wrap{margin-top: 30px;}
    .sub_0102 .bot_wrap img{height: 500px; object-fit: cover;}
    .sub_0102 .bot_in table{width: 100%;}
    .sub_0102 .bot_in table th{font-size: 13px; padding: 5px; word-break: keep-all;}
    .sub_0102 .bot_in table td{font-size: 13px; padding: 5px; word-break: keep-all;}
    .sub_0102 .ta_box+.ta_box{margin-top: 50px;}

    .sub_0103 .cont .title img{height: 40px;}
    .sub_0103 .cont ul{margin-top: 30px;}
    .sub_0103 .cont ul li{width: 100%;}
    .sub_0103 .cont ul li+li{margin-top: 40px;}
    .sub_0103 .cont ul li h2{font-size: 18px; margin-bottom: 15px;}
    .sub_0103 .cont ul li h2::before{top: 5px;}
    .sub_0103 .cont ul li .txt{padding-top: 15px;}
    .sub_0103 .cont ul li .txt span::before{top: 8px;}
    .sub_0103 .cont ul li .txt .flex_p{flex-direction: column;}
    .sub_0103 .cont ul li .txt .flex_p span+span{margin-left: 0;}
    .sub_0103 .cont+.cont{margin-top: 50px;}
    .sub_0103 .cont_box{margin: 50px 0; padding: 50px 0;}
    .sub_0103 .cont02 ul li:nth-child(-n+3){margin-bottom: 0;}
    .sub_0103 .cont02 .title h5{font-size: 24px;}

    .sub_0105{margin-bottom: 50px;}
}