@charset "utf-8";

/* style */







*{



	padding: 0;



	margin: 0;



	font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;



}







body{



	align-items: center; /* style */



    justify-content: center; /* style */



    background-size:auto;



    margin: 0;



    padding: 0;



    font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;



    font-size: 12px;



}



@font-face{



    font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;



    src: url('../font/Vonnes-Light.otf');



}



@font-face {



    font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;



    src: url('../font/Geometric.ttf');



  



}



img{



    display: inline-block;



    height: auto;



    max-width: 100%;



    border:none;



}







.qf-root {



    margin: 0 auto;



    width: 100%;



}



.qf-wrap {



    width: 1200px;



    margin: 0 auto;



    overflow: hidden;



}



.qf-top {



    height: 100px;



    width: 100%;



    min-width:0;



}



.qf-top .qf-wrap>img {



    width: 145px;



    height: 45px;



    float: left;



    overflow: hidden;



    margin: 28px 0px;



}



.qf-top .qf-wrap ul {



    float: left;



    padding-left: 160px;



}



.qf-top .qf-wrap ul li {



    list-style: none;



    font-size: 16px;



    padding-top: 40px;



    width: 100px;



    color: #666;



    text-align: center;



    float: left;



}







.qf-top .qf-wrap ul li.active a{



    color: #ff956c;



    overflow: hidden;



}



.qf-top .qf-wrap ul li a{



    color: #000;



    font-size: 16px;



    text-decoration: none;



    color: black;



    display: inline-block;



    overflow: hidden;



}







.qf-top .qf-wrap ul li a:hover,.qf-top .qf-wrap ul li a:focus,.qf-wrap ul li a:visited{



     -webkit-tap-highlight-color:rgba(0,0,0,0);



    -webkit-tap-highlight-color: transparent;



    outline:none;



    background: none;



    text-decoration: none;



}



.qf-top .qf-wrap ul li.active i {



    background: url(../images/nav.png) no-repeat;



    width: 15px;



    height: 15px;



    position: absolute;



    margin-left: -24px;



    top: 44px;



}







.qf-top .qf-wrap .cn img {



    width: 25px;



    height: 25px;



    overflow: hidden;



    padding-right: 10px;



    margin:0;



}







.qf-top .qf-wrap .cn span {



    vertical-align: middle;



    display: inline-block;



    margin-top: 2px;



    font-size: 14px;



}



.qf-top .qf-wrap .cn span:hover {



    color: #ff956c;



}



article {



    width: 100%;



    height: 100%;



    margin:0 auto;



    min-width:0;



}



ul.about-we {



    height: auto;



    width: 140px;



    position: relative;



    z-index: 999999;



    margin-top: 28px;



    line-height: 20px;



    border-top: 5px solid #ff8c5d;



    background-color: #fff;



    overflow: hidden;



    display: none;



    border-radius: 5px;



    padding-left: 0px !important;



    margin-left: -16px;



}



.qf-top ul li ul.about-we li {



    width: 110px;



    border-bottom: 1px solid #e5e5e5;



    margin-left: 15px;



    margin-right: 5px;



    padding: 5px 0px;



    overflow: hidden;



    font-size: 14px;



    text-decoration: none;



    list-style: none;



    text-align: center;



}



/*.qf-top .qf-wrap ul li:hover ul{



    display: block;



}



*/



.qf-account {



    width: auto;



    margin-top: 30px;



    overflow: hidden;



    padding-left: 12px;



    font-size: 14px;



    height: 55px;



}



.qf-account img {



    width: 22px;



    height: auto;



    float: left;



    border-radius: 10px;



    margin-top: 10px;



    margin-right: 5px;



}



.qf-account p {



    overflow: hidden;



}



.qf-account p span {



    padding-top: 4px;



    display: inline-block;



    color: #b8b8b8;



    font-size: 12px;



}



.qf-top .qf-wrap ul li.active ul li a{



    color: #000;



}



.qf-top .qf-wrap a >img {



    height: 90px;



    float: left;



    overflow: hidden;



    margin: 8px 0px;



}



/* style */



footer{



    border-top: 1px solid #eee;



    background-size: cover;



    width: 100%;



    min-width:0;



    overflow: hidden;



}



.qf-foot-top {



    float: left;



}



.qf-foot-top .qf-foot-brand img {



    width: 100px;



    height: auto;



    margin-top: 50px;



}



.qf-foot-top .qf-foot-brand {



    overflow: hidden;



}



.qf-foot-top .foot1_2 {



    padding-left: 140px;



    padding-top: 5px;



    overflow: hidden;



}



.qf-foot-top .foot1_2 p {



    width: 110px;



    height: 30px;



    line-height: 30px;



    border: 1px solid #acacac;



    float: left;



    margin-right: 10px;



    text-align: center;



    color: #acacac;



    



}



.qf-foot-top .foot1_2 a{



   text-decoration: none; 



}



.qf-foot-top .foot1_2 p span {



    float: right;



    width: 30px;



    height: 30px;



    vertical-align: middle;



    background-color: #acacac;



}



.qf-foot-top .foot1_2 p span img {



    width: 15px;



    height: 18px;



    margin-right: -5px;



    margin-top: 5px;



    border:none;



}



.qf-foot-top .qf-foot-line {



    margin-top: 15px;



    overflow: hidden;



}



.qf-foot-top .qf-foot-line img {



    width: 30px;



    height: 34px;



    padding-right: 15px;



    float: left;



}



.qf-foot-top .qf-foot-line p {



    font-size: 18px;



    color: #acacac;



    margin-top: 8px;



    float: left;



    font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;



}



.qf-foot-top .qf-foot-addr {



    margin-top: 10px;



    overflow: hidden;



}



.qf-foot-top .qf-foot-addr img {



    width: 30px;



    height: 34px;



    padding-right: 15px;



    float: left;



}



.qf-foot-top .qf-foot-addr p {



    font-size: 14px;



    color: #acacac;



    margin-top: 8px;



    float: left;



}



.qf-qr-cell {



    overflow: hidden;



    float: right;



    margin-top: 50px;



    padding-left: 25px;



}



.qf-qr-cell p:first-child {



    color: #fdfdfd;



    font-size: 24px;



    margin-bottom: 25px;



    text-align: center;



}



.qf-qr-cell hr {



    width: 40px;



    margin: 0 auto;



    border: 1px solid #ff8c5d;



}



.qf-qr-cell p img {



    margin-top: 20px;



    width: 110px;



    height: 110px;



}



.qf-qr-cell p:last-child {



    margin-top: 20px;



    text-align: center;



    font-size: 13px;



    color: #acacac;



    margin-bottom: 35px;



}



footer .qf-wrap:last-child ul li:nth-child(7) {



    padding-right: 15px;



}



footer .qf-wrap:last-child ul li img {



    margin-top: -5px;



    width: 31px;



    height: 30px;



}



footer .qf-wrap:last-child ul li:nth-child(8) {



    padding-right: 15px;



}



footer .qf-wrap:last-child ul li img {



    margin-top: -5px;



    width: 31px;



    height: 30px;



}



footer .qf-wrap:last-child ul {



    float: left;



}



footer .qf-wrap {



    border-bottom: 1px solid #eee;



    clear: both;



    overflow: hidden;



}



footer .qf-wrap:last-child {



    border: none;



    height: 55px;



    overflow: hidden;



}



footer .qf-wrap:last-child ul li {



    list-style: none;



    float: left;



    font-size: 14px;



    padding-right: 30px;



    color: #acacac;



    padding-top: 15px;



}







footer .qf-wrap:last-child .qf-foot-side {



    float: right;



    color: #acacac;



    font-size: 14px;



    margin-top: 11px;



}



footer .qf-wrap:last-child .qf-foot-side p {



    float: left;



    width: 120px;



    height: 30px;



    line-height: 30px;



    border: 1px solid #acacac;



    margin-left: 10px;



    text-align: center;



}







.qf-copyright {



    height: 45px;



    width: 100%;



    background-color: #f6f6f6;



    min-width:0;



    text-align: center;



    line-height: 45px;



    font-size: 14px;



    color: #666;



}







p#back-to-top{



    position: fixed;



    display: none;



    bottom: 100px;



    right: 0px;



    background-color: #eee;



    width: 50px;



    height: 50px;



    border-radius: 25px;



    margin: 0 auto;



    text-align: center;



}



p#back-to-top a img {



    margin-top: 20px;



    width: 20px;



    height: auto;



}



.qf-foot-top .qf-foot-brand hr {



    width: 40px;



    text-align: center;



    border: 1px solid #ff8c5d;



    margin: 0 auto;



    margin-top: 22px;



    margin-bottom: 22px;



    margin-right: 105px;



}







.qf-click{



	cursor: pointer;



}







.qf-login-modal{



        width: 100%;



        height: 100%;



        position: fixed;



        top: 0;



        left: 0;



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



        z-index: 555555 !important;



        display: none;



    }



    .qf-login-card{



        width: 460px;



        height: 355px;



        background: #f1f1f1;



        padding: 20px;



        border: 1px solid #f0f0f0;



        border-radius: 3px;



        position: absolute;



        top: 50%;



        left: 50%;



        -webkit-transform: translate(-50%, -50%);



        text-align: center;



        -moz-transform: translate(-50%, -50%);



        -ms-transform: translate(-50%, -50%);



        o-transform: translate(-50%, -50%);



        transform: translate(-50%, -50%);



    }



    .qf-login-card h3 {



        margin: 16px 0;



        text-align: center;



        font-size: 20px;



        color: #333;



    }



    .qf-login-card form {



        width: 100%;



        height: 275px;



        padding: 40px;



        box-sizing: border-box;



        background: #fff;



    }



    .qf-modal-field {



        width: 100%;



        height: 40px;



        line-height: 40px;



        font-size: 16px;



    }



    .qf-login-card form input {



        width: 308px;



        height: 38px;



        border: 1px solid #e5e5e5;



        outline: none;



        float: right;



        text-indent: 10px;



    }



    .qf-login-pwd {



        width: 100%;



        height: 40px;



        line-height: 40px;



        font-size: 16px;



        margin-top: 20px;



    }



    .btn {



        margin-top: 40px;



        width: 100%;



        height: 50px;



        line-height: 50px;



        text-align: center;



        color: #fff;



        border-radius: 3px;



        background: #ff8c5f;



        font-size: 16px;



    }







#Validform_msg{



    display: none;



}







/* style */







.qf-modal {



    width: 100%;



    height: 100%;



    position: fixed;



    top: 0;



    left: 0;



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



    z-index: 555555 !important;



    display: none;



}







.qf-modal-form, .qf-modal-ok {



    width: 460px;



    height: 355px;



    background: #f1f1f1;



    padding: 20px;



    border: 1px solid #f0f0f0;



    border-radius: 3px;



    position: absolute;



    top: 50%;



    left: 50%;



    text-align: center;



    -moz-transform: translate(-50%, -50%);



    -ms-transform: translate(-50%, -50%);



    o-transform: translate(-50%, -50%);



    transform: translate(-50%, -50%);



    -webkit-transform: translate(-50%, -50%);



}



.close {



    width: 40px;



    height: 40px;



    background: #2e2e2e;



    position: absolute;



    top: -1px;



    right: -41px;



    font-size: 30px;



    color: #ababab;



    text-align: center;



    line-height: 45px;



    cursor: pointer;



}



.close img {



    width: 100%;



    height: 100%;



}







.qf-modal-form h3, .qf-modal-ok h3 {



    margin-bottom: 16px;



    text-align: center;



    font-size: 20px;



    color: #333;



    font-weight: normal;



}



.qf-modal-form form, .qf-modal-msg {



    width: 100%;



    height: 310px;



    padding: 0px 40px;



    box-sizing: border-box;



    background: #fff;



    padding-top: 30px;



}



.qf-modal-msg img {



    width: 44px;



    height: 44px;



    display: block;



    margin: 40px auto 0;



}







.qf-modal-form form, .qf-modal-msg {



    width: 100%;



    height: 310px;



    padding: 0px 40px;



    box-sizing: border-box;



    background: #fff;



    padding-top: 10px;



}



.qf-modal-form form p {



   text-align: center;



    margin-bottom: 12px;



    font-size: 16px;



    color: #666666;



    padding: 0 !important;



}



.qf-modal-field {



    width: 100%;



    height: 40px;



    line-height: 40px;



    font-size: 16px;



    padding-top: 20px;



}







.qf-modal-form .qf-modal-submit,.qf-modal-ok .qf-modal-submit{



    margin: 63px auto 0;



    width: 155px;



    height: 35px;



    line-height: 35px;



    text-align: center;



    color: #fff;



    border-radius: 3px;



    background: #ff956c;



    font-size: 15px;



    cursor: pointer;



}



.qf-modal-form input,.qf-modal-ok input {



    width: 280px;



    height: 38px;



    border: 1px solid #e5e5e5;



    outline: none;



    float: right;



    font-size: 14px;



    text-indent: 10px;



}



.qf-modal-form textarea,.qf-modal-ok textarea {



    width: 94%;



    height: 60px;



    border: none;



    border: 1px solid #e5e5e5;



    font-size: 16px;



    padding: 10px;



}



.qf-modal-form textarea::-webkit-input-placeholder,.qf-modal-ok textarea::-webkit-input-placeholder{



    margin:10px;



    color: #acacac;



}



.qf-modal-msg p {



    font-size: 14px;



    color: #666666;



    margin-top: 20px;



    line-height: 25px;



    text-align: center;



}



.msg {



    margin: 40px auto 0;



    width: 155px;



    height: 35px;



    line-height: 35px;



    text-align: center;



    color: #fff;



    border-radius: 3px;



    background: #ff956c;



    font-size: 15px;



    cursor: pointer;



}



.icons{



    position: absolute;



    top: -120px;



    left: -20px;



    z-index: 999;



    width: 110px !important;



    height: 110px !important;



    max-width: 110px;



    display: none;



}



.wxIcon{



    left: -66px;



}



.one{



    cursor: pointer;



}



.two {



    cursor: pointer;



}



.qf-account-txt{



    margin-top: 10px;



}



.qf-account-ico{



    padding-left: 12px;



}



.qf-detail-body{



    margin-top: 35px;



}



/* style */



.qf-wrap .qq {



    position: relative;



}



.qf-foot-map {



    float: left;



    padding-left: 100px;



    margin-top: 30px;



    width: 265px;



}