/* CSS Document */

@import url("https://a1.digiwin.com/css/font-awesome.css");

@import url("https://a1.digiwin.com/css/animate.css");

@import url("https://a1.digiwin.com/css/hover.css");

@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");

@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

html,
body {
    width: 100%;
    height: auto;
    overflow-X: hidden;
}

body {
    font-size: 100%;
    font-family: Arial, "微软雅黑";
}



.img-response {
    max-width: 100%;
    height: auto;
}

.p2_right.a1_ver_phone,
.a1_ver_phone,
.br_phone {
    display: none;
}





.a1_p1 {

    background-image: url(/solution/PMS/images/top_bg.png);

    background-position: center;

    height: 500px;

    text-align: center;

}



.header_wrap,
.a1_wrap {

    width: 100%;
    max-width: 1220px;

    margin: 0 auto;
    text-align: center;
    padding: 80px 0;
}



.header_wrap {
    text-align: left;
    padding: 0;
}

.header_title {

    display: inline-block;

    margin-top: 170px;

    text-align: center;

    margin-left: 110px;

}

.header_title_main {

    font-size: 48px;

    line-height: 62px;

    color: #fff;

    text-align: left;

    margin-bottom: 20px;

}

.header_title_main span {
    font-weight: bold;
}



.header_title_content {

    display: inline-block;

    font-size: 24px;

    font-weight: bold;

    color: #fff;

}

.header_title_content i {
    margin-left: 20px
}



.titlss {

    float: right;

    width: 320px;

    height: 328px;

    background: #fff;

    box-shadow: 0 0 20px 2px rgba(153, 153, 153, .5);

    margin-top: 80px;

    opacity: .95;

}

.titlss .tith3 {

    font-size: 24px !important;

    color: #000;

    padding-top: 20px;

    padding-left: 40px;

    padding-bottom: 20px;

}

#titlsses {

    margin-left: 30px;

}



#titlsses .outline {

    position: relative;

    width: 260px;

    height: 40px;

    line-height: 40px;

    margin-bottom: 10px;

}

.titlss .inputTitle {

    position: absolute;

    top: 10px;

    left: 10px;

    /*z-index: -1;*/

    /*-webkit-transition: 0.5s;*/

    /*transition: 0.5s;*/

    color: #777;



}

.titlss input {

    display: block;

    width: 100%;

    height: 40px;

    padding: 14px 0 4px 10px;

    background: #f0f0f5;

    border: none;

    border-bottom: 1px solid #999;

    font-size: 18px;



}

.titlss #submit_a {

    font-size: 16px;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
    background: linear-gradient(to right, #ffb252 0%, #f18541 100%);
    padding: 7px 30px;
    color: #fff;
    border-radius: 6px;
    width: 260px;
    height: auto;
    line-height: 1.5;
    cursor: pointer;

}



.titlss .inputTitle {

    margin-bottom: 4px;

    font-size: 16px;

}



.titlss .inputTitle .requiredHint {

    margin-right: 4px;

    color: #fe5757;

}



.titlss .inputTitle .fillHint {

    color: #888;

    font-size: 14px;

}



.titlss .inputTitle .fa {

    display: none;

    margin-left: 4px;

    color: #ffa800;

    /*font-size: 14px;*/

}

.titlss .noInput .inputTitle .fa {

    display: inline-block;

}





.titlss .outline {

    position: relative;

    margin-bottom: 10px;

}



.titlss .inputTitle.focus {

    top: 0;

    font-size: 0;

    color: #3798e4;

}



.titlss .inputTitle .focus .requiredHint {

    color: #3798e4;

}



.titlss input:focus {

    outline: none;

}



.titlss input.noInput+.inputTitle .fa {

    display: inline-block;

}





.a1_title_main {
    color: #333;
    font-size: 40px;
    font-weight: normal;
}







.a1_p2_content {

    margin-top: 50px;

}

.p2_left {

    width: 23%;

    display: inline-block;

    text-align: left;

}



.p2_right {

    width: 75%;

    display: inline-block;

    vertical-align: top;

    padding-left: 110px;

}



.p2_content_title {

    width: 200px;

    height: 200px;

    white-space: nowrap;

    display: inline-block;

    background: #05338f;

    background: -moz-linear-gradient(-60deg, #05338f 0%, #0096ff 100%);

    background: -webkit-linear-gradient(-60deg, #05338f 0%, #0096ff 100%);

    background: linear-gradient(-60deg, #05338f 0%, #0096ff 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05338f', endColorstr='#0096ff', GradientType=1);

    border-radius: 50%;

    text-align: left;

    color: #fff;

    font-size: 33px;

    line-height: 44px;

    padding-top: 50px;

    padding-left: 35px;

}

.p2_content_text {

    font-size: 16px;

    line-height: 32px;

    width: 225px;

    text-align: left;

    margin-left: 35px;

    margin-top: 40px;

}





.word_bold {
    font-weight: bold;
}

.word_blue {
    color: #034ba9;
}





.a1_title_content {

    margin: 40px 0 75px;

    font-size: 24px;

    font-weight: bold;

}





.p3_left {

    display: inline-block;

    width: 50px;

    font-size: 24px;

    font-weight: bold;

    color: #1d53a5;

    line-height: 28px;

    border-left: 1px solid;

    border-right: 1px solid;

    padding: 10px 10px;

}





.p3_right_wrap {

    display: inline-block;

    width: calc(100% - 55px);

    vertical-align: top;

    padding-left: 1%;

}

.p3_right_button {

    display: inline-block;

    width: 30%;

    max-width: 332px;

    height: 136px;

    background: #1c4da0;

    background: -moz-linear-gradient(top, #1c4da0 0%, #2880c3 100%);

    background: -webkit-linear-gradient(top, #1c4da0 0%, #2880c3 100%);

    background: linear-gradient(to bottom, #1c4da0 0%, #2880c3 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c4da0', endColorstr='#2880c3', GradientType=0);

    background-repeat: no-repeat;

    position: relative;

    border-radius: 15px;

    margin: 0 15px;
    text-align: left;

}



.p3_right_button.p3_btn_flex {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#27a379+0,11db97+100 */

    background: #27a379;
    /* Old browsers */

    background: -moz-linear-gradient(top, #27a379 0%, #11db97 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #27a379 0%, #11db97 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #27a379 0%, #11db97 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a379', endColorstr='#11db97', GradientType=0);
    /* IE6-9 */

    vertical-align: top;
}





.p3_right_button.p3_btn_target {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6f9f30+0,88cb31+100 */

    background: #6f9f30;
    /* Old browsers */

    background: -moz-linear-gradient(top, #6f9f30 0%, #88cb31 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #6f9f30 0%, #88cb31 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #6f9f30 0%, #88cb31 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f9f30', endColorstr='#88cb31', GradientType=0);
    /* IE6-9 */

    vertical-align: top;
}



/*

.p3_right_button:after {

    content: '';

    border-style: solid;

    border-width: 30px 0px 0 30px;

    border-color: #277ec1 transparent transparent transparent;

    z-index: 999;

    position: absolute;

    top: 89%;

    right: 0%;

}

*/

.p3_right_button.p3_btn_flex:after {

    border-color: #11da97 transparent transparent transparent;

}

.p3_right_button.p3_btn_target:after {

    border-color: #88cb31 transparent transparent transparent;

}



.p3_right_button:hover {

    zoom: 1.05;

}

.p3_left i.fa.fa-star {

    color: #fff;

    background-color: #1d53a5;

    border-radius: 50%;

    padding: 2px;

    font-size: 16px;

    margin-bottom: 10px;

}







.p3_right_wrap a {

    vertical-align: top;

}

.p3_btn_text {

    color: #fff;

    font-size: 18px;

    text-align: left;

    line-height: 20px;

    padding-left: 30px;

    margin-top: 25px;

    display: inline-block;

    width: 100%;

    max-width: 150px;

}

.p3_btn_text span {

    width: 100%;

    font-size: 39px;

    line-height: 1;

    font-weight: bold;

    display: inline-block;

    margin-bottom: 15px;

}

.p3_btn_flex .p3_btn_text {

    font-size: 25px;

}

.p3_btn_target .p3_btn_text {

    font-size: 21px;

    margin-top: 20px;

}

.p3_btn_target span {

    font-size: 27px;

    line-height: 32px;

    margin-bottom: 10px;

}

.p3_btn_flex span {

    margin-bottom: 20px;

}



.p3_btn_img {

    display: inline-block;

    vertical-align: top;

    margin-top: 7%;

    float: right;

    margin-right: 10px;

}



.p3_right_button:hover {

    cursor: pointer;

}



.p3_bottom {

    margin-top: 60px;

}

.p3_left.p3_func {

    color: #2a9cd0;

}

.p3_func i.fa.fa-star {

    background: #2a9cd0;

}

















/* The Modal (background) */

.p3_pop {

    display: none;
    /* Hidden by default */

    position: fixed;
    /* Stay in place */

    z-index: 1;
    /* Sit on top */

    left: 0;

    top: 0;

    width: 100%;
    /* Full width */

    height: 100%;
    /* Full height */

    overflow: auto;
    /* Enable scroll if needed */

    background-color: rgb(0, 0, 0);
    /* Fallback color */

    background-color: rgba(0, 0, 0, 0.3);

    overflow: hidden;

}



/* Modal Content/Box */

.modal-content {

    color: #fff;

    font-size: 24px;

    margin: 5% auto;

    width: 100%;

    max-width: 1040px;

    position: relative;

}

.popupa1_title {

    width: 400px;

    height: 50px;

    line-height: 50px;

    border-radius: 20px;

    color: #0096ff;

    font-weight: normal;

    font-size: 24px;

    background: #fff;

    display: inline-block;

}



.popupa1_title span {

    font-weight: bold;

    margin-right: 20px;

}

.popupa1_content {

    width: 100%;

    margin: 0 auto;

    text-align: left;

    line-height: 30px;

    font-weight: bold;

}







/* The Close Button */

.modal-content:before {

    content: '';

    width: 55px;

    height: 55px;

    display: inline-block;
    background-color: rgba(0, 0, 0, 0.6);

    position: absolute;

    top: 14px;

    right: -30px;

}

.closea1_1,
.closea1_2,
.closea1_3 {

    color: #fff;

    font-size: 36px;

    border: 4px solid;

    font-weight: bold;

    padding-top: 3px;

    position: absolute;

    right: -23px;

    top: 22px;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    z-index: 5;

}



.closea1_1:hover,
.closea1_1:focus,

.closea1_2:hover,
.closea1_2:focus,
.closea1_3:hover,
.closea1_3:focus {

    cursor: pointer;

}





#p3_popup2 .popupa1_title {

    width: 240px;

}



#p3_popup2 .modal-content:before {

    right: -33px;

}

span.closea1_2 {

    right: -26px;

}

#p3_popup3 .modal-content:before {

    right: -26px;

}

span.closea1_3 {

    right: -18px;

}







.a1_p4 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c9fd1+26,2c9fd1+26,ffffff+26,ffffff+27 */

    background: #2c9fd1;
    /* Old browsers */

    background: -moz-linear-gradient(top, #2c9fd1 36%, #2c9fd1 28%, #f5f4f4 28%, #f5f4f4 28%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #2c9fd1 36%, #2c9fd1 28%, #f5f4f4 28%, #f5f4f4 28%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #2c9fd1 36%, #2c9fd1 28%, #f5f4f4 28%, #f5f4f4 28%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c9fd1', endColorstr='#f5f4f4', GradientType=0);
    /* IE6-9 */

}









.a1_p4 .a1_title_main {
    color: #fff;
}

.p4_top_wrap {

    text-align: left;

    margin-top: 110px;

}

.p4_top_left,
.p4_top_right {

    display: inline-block;

}

.p4_top_left {

    width: 50%;

    max-width: 568px;

    vertical-align: top;

}



.p4_top_img,
.p4_top_text {

    width: 49%;

    max-width: 193px;

    display: inline-block;

    vertical-align: top;

    color: #fff;

    text-align: left;

}

.p4_top_left .p4_top_text {

    width: 100%;

    max-width: 360px;

    margin-left: 10px;

}



.p4_top_right {

    width: 50%;

    max-width: 554px;

    padding-left: 30px;

}

.p4_top_img {

    padding-top: 20px;

    overflow: hidden;

}



.p4_top_text {

    width: 100%;

    font-size: 16px;

    line-height: 32px;

}





.p4_top_right .p4_top_text {

    width: 100%;

    max-width: 266px;

}

.p4_top_txttitle {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 5px;

}



.p4_bottom_wrap {

    margin-top: -100px;

}







.a1_p5_content {

    margin-top: 40px;

}







@media screen and (max-width: 1200px) {



    .p3_right_button {

        width: 30%;

    }



    .a1_p3_content {

        text-align: left;

    }

    .p3_left {

        width: 40%;

        border: 0;

        border-top: 1px solid;

        border-bottom: 1px solid;

        max-width: 230px;

        line-height: 1.6;

        padding: 0;

        text-align: center;
        margin-bottom: 30px;

    }





    .p3_right_wrap .a1_ver_web {
        display: none;
    }

    .p3_right_wrap .a1_ver_phone {
        display: inline-block;
    }



    .p3_right_wrap {

        width: 100%;

        padding: 0;

        text-align: center;
        white-space: nowrap;

    }

    .p3_btn_text {

        white-space: normal;

    }

    .p3_btn_img img {

        width: 100%;

    }



    .a1_p4 {

        background: #2c9fd1;

    }

    .p4_top_wrap {

        text-align: center;

    }



    .p4_top_left,
    .p4_top_right {

        width: 100%;

        max-width: unset;

        margin-bottom: 50px;

    }

    .p4_top_right {

        text-align: left;

        margin: 30px 0;

    }

    .p4_top_left .p4_top_text {

        margin-top: 30px;

        width: 78%;

        max-width: 450px;

    }

    .p4_bottom_wrap {

        margin-top: 0;

        padding: 0 15px;

    }

    .p4_top_img {

        width: 20%;

        padding: 0;

        max-width: unset;

    }







    .p4_top_right .p4_top_text {

        max-width: 360px;

    }

    .p4_bottom_wrap .a1_ver_phone {
        display: inline-block;
    }

    .p4_bottom_wrap .a1_ver_web {
        display: none;
    }



    .p4_top_img img.a1_ver_web {
        display: none;
    }

    .p4_top_img img.a1_ver_phone {
        display: inline-block;
    }



}







@media screen and (max-width: 1032px) {



    .p3_right_wrap {

        width: 100%;
    }



    .p3_btn_img {

        width: 30%;

        margin-top: 30px;

    }



    .modal-content {

        margin: 50% auto;

    }

}



@media screen and (max-width: 1008px) {

    .pc {

        display: none;

    }

    .a1_title_main {

        line-height: 1.6;

    }

    .p2_left {

        width: 100%;

    }

    .p2_content_title {

        width: 100%;

        height: auto;

        background: none;

        color: #4b4b4b;

        text-align: center;

        padding: 0;

    }

    .p2_content_title br {
        display: none;
    }



    .word_blue {

        color: #4b4b4b;

    }

    .p2_content_text {

        margin: 0 auto;

        text-align: left;

        width: 100%;

        line-height: 1.6;

        padding-bottom: 30px;

    }

    .p2_right {

        width: 100%;

        padding: 0;

    }



    .p2_right.a1_ver_web {
        display: none;
    }

    .p2_right.a1_ver_phone {

        display: inline-block;

    }



    .a1_wrap {

        padding: 80px 15px;

    }











}







@media screen and (max-width: 840px) {

    .p3_btn_text {

        font-size: 16px;

        padding-left: 10px;

        max-width: 110px;

    }

    .p3_btn_text span {

        font-size: 30px;

    }

    .p3_btn_target span {

        font-size: 24px;

    }

    .p3_btn_target span {

        font-size: 24px;

    }

    .p3_right_button {

        height: 130px;

    }

    .a1_p3 .br_phone {
        display: inline-block;
    }



    .a1_p3 .a1_title_content {

        margin: 15px 0 25px;

    }







}





@media screen and (max-width: 750px) {





    .a1_p1 {

        background-image: url(/solution/PMS/images/phone/top_bg.png);

        height: auto;

        background-position: top center;

        background-repeat: no-repeat;

        padding: 200px 0;

        background-position-y: -60px;

    }

    .header_wrap {

        text-align: center;

    }

    .header_title {

        margin: 0 auto;

    }

    .header_title_main {

        text-align: center;
    }



    .br_phone {
        display: inline-block;
    }

    .header_title_content {

        line-height: 1.6;

    }

    .a1_p5_content img.a1_ver_web {
        display: none;
    }

    .a1_p5_content img.a1_ver_phone {
        display: inline-block;
    }



    /*

		.p4_top_left .p4_top_text, .p4_top_right .p4_top_text {

    max-width: 200px;

}

*/





}











@media screen and (max-width: 650px) {



    .p3_left {

        width: 230px;

    }

    .p3_right_button {

        margin: 0 5px;

        height: 120px;

        position: relative;
        width: 31%;

    }

    .p3_btn_img {

        position: absolute;

        right: 5px;

        top: 10%;

        margin-right: 0;

    }

    .p3_btn_flex .p3_btn_text {

        font-size: 18px;

    }

    .p3_btn_flex span {

        margin-bottom: 15px;

    }

    .p3_btn_target span {

        font-size: 20px;

        line-height: 1.3;

    }

    .p3_btn_target .p3_btn_text {

        font-size: 18px;

    }



    .popupa1_title {

        width: 90%;

        font-size: 20px;

    }

    .popupa1_title span {

        font-size: 20px;

    }

    .p4_top_wrap {

        margin-top: 50px;

    }





    .p4_top_img {

        width: 50%;

        max-width: 273px;

        float: left;

        margin-left: -100px;

    }



    .p4_top_left .p4_top_text {

        float: left;

        max-width: 300px;

        width: 71%;

    }

    .p4_top_right {

        padding-left: 10px;

    }

    .p4_top_right .p4_top_img {

        float: right;

        margin-right: -50px;

    }

    .p4_top_right .p4_top_text {

        max-width: 400px;

        width: 60%;

    }

    .p4_top_right .p4_top_img {

        float: right;

        margin-right: -50px;

    }











}









@media screen and (max-width: 450px) {





    section.a1_p1 {
        padding: 180px 0 100px;
    }

    .header_title_main {
        font-size: 30px;
        line-height: 44px;
    }

    .header_title_content {
        font-size: 20px;
    }

    .header_title_content i {
        margin-left: 10px;
    }



    .a1_title_main {
        font-size: 30px;
        line-height: 40px;
    }





    .p2_content_title {

        font-size: 26px;

    }

    .p3_btn_text span {

        font-size: 24px;

    }

    .p3_btn_target span {

        font-size: 16px;

    }



    .p3_btn_img {

        top: -9%;

    }

    .p3_left i.fa.fa-star {

        margin-right: 10px;

    }

    .a1_p4 .a1_wrap {

        padding: 80px 0;

    }



    .p4_top_img {
        margin-left: -70px;

    }

    .p4_top_left .p4_top_text {

        width: 61%;

    }



    .p4_top_txtcont {

        line-height: 1.6;

    }



    .closea1_1,
    .closea1_2,
    .closea1_3 {

        font-size: 20px;

        right: 13px;

        top: -43px;

    }

    .modal-content:before {

        top: -50px;

        right: 6px;

    }



    span.closea1_2 {

        right: 12px;

    }

    #p3_popup2 .modal-content:before {

        right: 5px;

    }

    #p3_popup3 .modal-content:before {

        right: 5px;

        top: -50px;

    }

    span.closea1_3 {

        right: 13px;

        top: -43px;

    }







}







































}