.nrorder {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    /* padding: 80px 0; */
    /* background-color: #f9f9f9; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nrorder .nrorder_main {
    width: 1400px;
    height: auto;
    margin: 0 auto;
    padding: 40px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nrorder_main .nrorder_left {
    width: 28%;
    height: 660px;
    overflow: hidden;
    margin: 0;
    padding: 60px 40px;
    background: #4121c7 url(../images/ico07.png) -80px 460px no-repeat;
    background-size: 320px 220px;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nrorder_left .nrorder_img {
    width: 180px;
    height: 180px;
    margin: 0 auto 40px;
    padding: 7px 0;
    background-color: rgba(0,0,0,0.05);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nrorder_img img {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    padding: 0;
    border: 8px solid rgba(0,0,0,0.05);
    border-radius: 50%
}

.nrorder_left p {
    width: 100%;
    height: auto;
    line-height: 40px;
    color: #fff;
    font-size: 28px;
    margin: 0 auto 15px;
    padding: 0
}

.nrorder_left span {
    display: block;
    width: 100%;
    height: auto;
    line-height: 30px;
    color: rgba(255,255,255,0.65);
    font-size: 16px;
    word-break: break-all;
    text-align: justify;
    margin: 0 auto;
    padding: 0
}

.nrorder_left .nrorder_btn {
    width: 100%;
    height: auto;
    margin: 60px auto 0;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nrorder_btn a {
    display: block;
    width: 100%;
    height: 52px;
    overflow: hidden;
    line-height: 52px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    background-color: #333;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s
}

.nrorder_btn a img {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -2px 10px 0 0;
    padding: 0
}

.nrorder_btn a:hover {
    background-color: #202020
}

.nrorder_main .nrorder_right {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0 40px 0 0;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nrorder_right #web_msg.web_msg {
    width: 100%!important;
    height: auto!important;
    margin: 0 auto!important;
    padding: 0!important
}

.nrorder_right #web_msg.web_msg h3 {
    display: none!important
}

.nrorder_right #web_msg.web_msg ul {
    width: 100%!important;
    overflow: hidden!important;
    margin: 0 auto!important;
    padding: 0!important
}

.nrorder_right #web_msg.web_msg ul li h4,.nrorder_right #web_msg.web_msg ul li h4.xh {
    display: none!important
}

.nrorder_right #web_msg.web_msg ul li {
    width: 100%!important;
    height: auto!important;
    overflow: hidden!important;
    line-height: inherit!important;
    color: inherit!important;
    font-size: inherit!important;
    margin: 0 0 25px!important;
    padding: 0!important;
    clear: inherit!important
}

.nrorder_right #web_msg.web_msg ul li:nth-child(1),.nrorder_right #web_msg.web_msg ul li:nth-child(3) {
    width: 48%!important;
    margin: 0 4% 25px 0!important;
    float: left!important
}

.nrorder_right #web_msg.web_msg ul li:nth-child(2),.nrorder_right #web_msg.web_msg ul li:nth-child(4) {
    width: 48%!important;
    float: right!important
}

.nrorder_right #web_msg.web_msg ul li:last-child {
    margin: 0 auto!important
}

.nrorder_right #web_msg.web_msg ul li .msg_ipt1,.nrorder_right #web_msg.web_msg ul li .msg_ipt12,.nrorder_right #web_msg.web_msg ul li .msg_tara {
    width: 100%!important;
    height: auto!important;
    margin: 0!important;
    padding: 0!important
}

.nrorder_right #web_msg.web_msg ul li .msg_ipt1 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt12 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt2 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt12 .msg_option {
    display: block!important;
    width: 100%!important;
    height: 60px!important;
    line-height: 60px;
    color: #666;
    font-size: 16px;
    margin: 0!important;
    padding: 0 20px!important;
    background-color: #f9f9f9!important;
    border: 0!important;
    outline: none!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nrorder_right #web_msg.web_msg ul li .msg_ipt12 .msg_option {
    padding: 0 20px 0 16px!important
}

.nrorder_right #web_msg.web_msg ul li .c_yzm {
    margin: 0 10px 0 0!important;
    padding: 0!important;
    float: left!important
}

.nrorder_right #web_msg.web_msg ul li .msg_ipt2 input {
    width: 240px!important;
    margin: 0 10px 0 0!important;
    float: left!important
}

.nrorder_right #web_msg.web_msg ul li a.yzm_img {
    display: block!important;
    width: 120px!important;
    height: 40px!important;
    margin: 10px 0!important;
    padding: 0!important;
    float: left!important
}

.nrorder_right #web_msg.web_msg ul li .msg_ipt2>span {
    line-height: 60px!important;
    color: #999!important;
    font-size: 16px!important
}

.nrorder_right #web_msg.web_msg ul li .msg_tara textarea,.nrorder_right #web_msg.web_msg ul li .msg_ipt0 textarea {
    display: block!important;
    width: 100%!important;
    height: 150px!important;
    line-height: 30px;
    color: #aaa;
    font-size: 16px;
    margin: 0!important;
    padding: 15px 20px!important;
    background-color: #f9f9f9!important;
    border: 0!important;
    outline: none!important;
    resize: none!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nrorder_right #web_msg.web_msg ul li .msg_btn {
    width: 100%!important;
    height: auto!important;
    overflow: hidden!important;
    margin: 0!important;
    padding: 0!important;
    float: inherit!important
}

.nrorder_right #web_msg.web_msg .msg_btn input {
    width: 200px!important;
    height: 60px!important;
    overflow: hidden!important;
    line-height: 60px!important;
    color: #fff!important;
    font-size: 16px!important;
    text-align: center!important;
    background-color: #333!important;
    margin: 0 20px 0 0!important;
    padding: 0!important;
    border: none!important;
    cursor: pointer!important
}

.nrorder_right #web_msg.web_msg .msg_btn input:hover {
    background-color: #202020!important
}

.nrorder_right #web_msg.web_msg .msg_btn input.msg_btn1 {
    background-color: #85c322 !important;
}

.nrorder_right #web_msg.web_msg .msg_btn input.msg_btn1:hover {
    background-color: #85c322 !important;
}

.nrorder_right #web_msg.web_msg ul li .msg_ipt2 {
    width: 100%!important
}

@media (max-width: 1440px) {
    .nrorder {
        padding:60px
    }

    .nrorder .nrorder_main {
        width: 100%
    }
}

@media (max-width: 1280px) {
    .nrorder_main .nrorder_left {
        height:600px
    }

    .nrorder_left p {
        font-size: 26px
    }

    .nrorder_left font {
        font-size: 20px
    }

    .nrorder_left span {
        font-size: 15px;
        line-height: 25px
    }

    .nrorder_btn a {
        height: 50px;
        line-height: 50px
    }

    .nrorder_right #web_msg.web_msg ul li:last-child {
        margin: 30px auto 0!important
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt1 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt12 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt2 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt12 .msg_option {
        height: 50px!important;
        line-height: 50px;
        font-size: 15px
    }

    .nrorder_right #web_msg.web_msg ul li .msg_tara textarea,.nrorder_right #web_msg.web_msg ul li .msg_ipt0 textarea {
        height: 145px!important;
        line-height: 25px;
        font-size: 15px;
        padding: 10px 20px
    }

    .nrorder_right #web_msg.web_msg ul li a.yzm_img {
        margin: 5px 0!important
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt2>span {
        line-height: 50px!important;
        font-size: 15px!important
    }

    .nrorder_right #web_msg.web_msg .msg_btn input {
        height: 50px!important;
        line-height: 50px!important
    }
}

@media (max-width: 1200px) {
    .nrorder {
        padding:60px 40px
    }

    .nrorder .nrorder_main {
        padding: 30px
    }

    .nrorder_main .nrorder_left {
        padding: 60px 30px
    }

    .nrorder_left p {
        line-height: 36px
    }

    .nrorder_left .nrorder_btn {
        padding: 0 30px
    }

    .nrorder_main .nrorder_right {
        padding: 0 30px 0 0
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt2 input {
        width: 200px!important
    }
}

@media (max-width: 1080px) {
    .nrorder .nrorder_main {
        padding:25px
    }

    .nrorder_main .nrorder_left {
        height: 560px;
        padding: 50px 25px;
        background-size: 280px 160px
    }

    .nrorder_left p {
        line-height: 32px;
        font-size: 24px
    }

    .nrorder_left span {
        line-height: 24px;
        font-size: 14px
    }

    .nrorder_left .nrorder_btn {
        margin: 50px auto 0;
        padding: 0 25px
    }

    .nrorder_main .nrorder_right {
        padding: 0 25px 0 0
    }

    .nrorder_right #web_msg.web_msg ul li {
        margin: 0 0 20px!important
    }

    .nrorder_right #web_msg.web_msg ul li:nth-child(1),.nrorder_right #web_msg.web_msg ul li:nth-child(3),.nrorder_right #web_msg.web_msg ul li:nth-child(5) {
        width: 48.5%!important;
        margin: 0 3% 20px 0!important;
        float: left!important
    }

    .nrorder_right #web_msg.web_msg ul li:nth-child(2),.nrorder_right #web_msg.web_msg ul li:nth-child(4),.nrorder_right #web_msg.web_msg ul li:nth-child(6) {
        width: 48.5%!important;
        margin: 0 0 20px 0!important;
        float: right!important
    }

    .nrorder_right #web_msg.web_msg ul li:last-child {
        margin: 20px auto 0!important
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt1 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt12 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt2 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt12 .msg_option {
        font-size: 14px
    }

    .nrorder_right #web_msg.web_msg ul li .msg_tara textarea,.nrorder_right #web_msg.web_msg ul li .msg_ipt0 textarea {
        height: 140px!important;
        line-height: 24px;
        font-size: 14px
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt2 input {
        width: 180px!important
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt2>span {
        font-size: 14px!important
    }
}

@media (max-width: 1024px) {
    .nrorder_main .nrorder_left {
        width:30%;
        height: 590px
    }

    .nrorder_main .nrorder_right {
        width: 70%
    }

    .nrorder_right #web_msg.web_msg ul li .c_yzm {
        height: 50px;
        float: inherit!important
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt2>span {
        display: block;
        width: 100%;
        line-height: 30px!important
    }
}

@media (max-width: 800px) {
    .nrorder {
        padding:40px 20px
    }

    .nrorder .nrorder_main {
        padding: 20px
    }

    .nrorder_main .nrorder_left {
        width: 100%;
        height: auto;
        margin: 0 auto 20px;
        padding: 40px;
        float: inherit
    }

    .nrorder_left .nrorder_img {
        float: left;
        margin: 0 40px 0 0
    }

    .nrorder_left p {
        line-height: 30px;
        font-size: 24px;
        margin: 8px auto 2px
    }

    .nrorder_left span {
        margin: 10px auto 0
    }

    .nrorder_left .nrorder_btn {
        width: 200px;
        margin: 20px 0 0;
        padding: 0;
        float: left
    }

    .nrorder_main .nrorder_right {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        float: inherit
    }

    .nrorder_right #web_msg.web_msg ul li .c_yzm {
        height: 50px;
        float: left!important
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt2>span {
        display: inline-block;
        width: auto;
        line-height: 50px!important
    }
}

@media (max-width: 767px) {
    .nrorder {
        padding:20px 12px
    }

    .nrorder .nrorder_main {
        padding: 12px
    }

    .nrorder_main .nrorder_left {
        padding: 20px
    }

    .nrorder_left .nrorder_img {
        width: 106px;
        height: 106px;
        margin: 0 20px 0 0;
        padding: 4px 0
    }

    .nrorder_img img {
        width: 90px;
        height: 90px;
        border: 4px solid rgba(0,0,0,0.05)
    }

    .nrorder_left p {
        line-height: 24px;
        font-size: 18px;
        margin: 0 auto 2px
    }

    .nrorder_left span {
        line-height: 20px
    }

    .nrorder_left .nrorder_btn {
        width: 100%;
        margin: 20px auto 0;
        float: inherit
    }

    .nrorder_btn a {
        height: 40px;
        line-height: 40px;
        font-size: 15px
    }

    .nrorder_right #web_msg.web_msg ul li:nth-child(1),.nrorder_right #web_msg.web_msg ul li:nth-child(3),.nrorder_right #web_msg.web_msg ul li:nth-child(5) {
        width: 100%!important;
        margin: 0 auto 20px!important;
        float: inherit!important
    }

    .nrorder_right #web_msg.web_msg ul li:nth-child(2),.nrorder_right #web_msg.web_msg ul li:nth-child(4),.nrorder_right #web_msg.web_msg ul li:nth-child(6) {
        width: 100%!important;
        margin: 0 auto 20px!important;
        float: inherit!important
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt1 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt12 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt2 input,.nrorder_right #web_msg.web_msg ul li .msg_ipt12 .msg_option {
        padding: 0 12px!important
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt2 input {
        width: 160px!important
    }

    .nrorder_right #web_msg.web_msg ul li .c_yzm {
        height: 50px;
        float: inherit!important
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt2>span {
        display: block;
        width: 100%;
        line-height: 24px!important;
        margin: 10px auto 0
    }

    .nrorder_right #web_msg.web_msg .msg_btn input {
        width: 48%!important;
        margin: 0!important;
        float: left
    }

    .nrorder_right #web_msg.web_msg .msg_btn input.msg_btn1 {
        margin: 0 4% 0 0!important
    }

    .nrorder_right #web_msg.web_msg ul li .msg_tara textarea,.nrorder_right #web_msg.web_msg ul li .msg_ipt0 textarea {
        padding: 10px 12px!important
    }
}

@media (max-width: 320px) {
    .nrorder_left .nrorder_img {
        float:inherit;
        margin: 0 auto 20px
    }

    .nrorder_left p {
        text-align: center
    }

    .nrorder_left span {
        text-align: center
    }

    .nrorder_right #web_msg.web_msg ul li .msg_ipt2 input {
        width: 130px!important
    }
}
