@charset "utf-8";

@media all and (max-width: 1024px) {
    .wrap {width: 100% !important;}
    .cont_type11 {padding: 0 15px;}
    .title_type1 {padding: 0 15px;}
    table {width: 100%; padding: 0 15px;}
    .maintext img{width: 18%; height: auto;position: absolute;bottom: 0;right: 0;}
    .maintext p {width: 60%;}
    .reqstepbox11 p {padding: 10% 0;}
    .reqstepbox {padding-top: 35px;}
    .mainlist {width: 31%;margin-right: 2%;background: #fff;}
    .mainpic {width: 100%;}
    .mainlistcont {width: 100%;}
}

@media all and (max-width:768px) {
    .cont-type11 {height: auto;}
    .sky{ font-size:1.7em; padding: 0 5%;}
    .table{width:100%;}
    .blue11{ font-size: 1.9em; padding: 5px 5%;}
    p{ font-size: 0.9em;}
    .maintext >p{font-size: 1em; width: 70%;padding: 0 5%;margin: 0;}
    .maintext{ padding:10px 0;text-align: justify;}
    .maintext img{ width: 22%; margin-top:-110px;}
    .cont_type2{width:100%; margin:0; padding: 0 2%;}
    .cont_type2 >p{ width:100%; }
    .mainwrap{ width:100%;}
    .mainlist{ width:50%; padding:0 1% 3% 2%; margin:0;}
    .mainlisttext >p{margin-left: 1%; }
    .step{width:100%; margin-top: 30px; }
    .reqstepbox11{background-size: 100%; top:-25px;}
    .reqstepbox11 >p{font-size: 1.1em; margin-top:-7px;padding: 15% 0;}
    .stepbox{width:23%; margin:0 1% 1% 1%;}
    .reqstepbox{width:100%;  margin:0; padding: 25% 5% 2% 5%;}
    .reqstepbox >p{width:100%; }
    .mainlist_2{ width:100%; margin:0; padding:0 1% 3% 2%;}
    .mainpic_2 img{width:250px;}
    .mainlisttext_2{width:100%;}
    .mainlistcont_2{height:142px; padding:15px; }
    .mainlistcont_2 >h4{margin-bottom:13px; line-height: 1.2; font-size: 19px;}
    .line_2{margin-bottom: 10px;}
    .mainlisttext_2 >p{font-size: 13px;}
    .reqstepbox11_2 >p{font-size: 1.1em; }
    .reqstepbox_2{widtrh:100%; margin:0; padding:25% 5% 2% 5%;}
    .reqstepbox_2 p{width:100%;}
    .stepbox_2{width:23%; margin:0 1% 1% 1%;}
    .reqstepbox11_2{background-size:100%; top:-25px;}
}

@media all and (max-width: 480px) {
    .wrap {width: 100% !important;}
    table {width: 100%; }
    .sky{ font-size:1.1em; padding: 0 5%;}
    .blue11{ font-size: 1.4em; width:100%;}
    .maintext{ padding:0; width:100%;}
    .maintext img{ width: 120px; margin-top:-97px;}
    .maintext >p {width: 60% !important;padding:0 5% 10px 5%;}
    .cont-type11 {margin:0;}
    .con_p{text-align: center; padding:0 26% 3% 5% !important; font-size: 0.75em; width:100%;}
    .container p{margin:0; font-size: 0.75em; width:100%;}
    .cont_type2 >p{ width:100%;  margin:0;}
    tbody{font-size:0.8em;}
    .mainwrap{width:100%; padding:0 5%;}
    .mainlisttext >p{margin-left: 1%; }
    .mainlist{width:100%; padding:0 0 10% 0; display: block;}
    .mainpic{width:100%;background: #b4d7db;text-align: center;}
    .mainpic img{width:45%; !important;}
    .mainpic_2 img{width:100% !important; padding:0;}
    .mainlistcont{width:100%;padding: 5%;height: auto;}
    .mainlistcont_2{width:100%; height:230px; padding:25px;}
    .mainlistcont h4{font-size: 1.5em;}
    .mainlisttext >p{width:95%;  font-size: 1em;}
    .step{width:100%; margin-top: 25px; padding:3% 5%; }
    .reqstepbox11{top:-37px;background: #105081;}
    .reqstepbox11 >p{font-size: 1.2em; padding:2% 0;}
    .stepbox{width:100%; padding:2% 0; margin:10% 0 3% 0; height:auto;}
    .reqstepbox{width:100%; padding:0; margin:0;}
    .reqstepbox >p{width:100%; padding:9px; font-size: 1em;}
    .cont-type33{height:auto;padding-bottom: 20px;}
    .box2{padding:0 !important;}
    .request{padding-top:10px;}
    .request >h2{font-size:30px; line-height: 1em; }
    .request p{padding:5px 10%; width:100%;font-size: 1em;box-sizing: border-box;}
    .end{height:200px;}
    .cont_p2{width:100%; padding:0 26% 3% 5% !important; font-size: 0.75em;}
}