@font-face {
    font-family: 'FZLTXHK';
    src: url('../fonts/glyphicons-halflings-regular.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'FZLTTHK';
    src: url('../fonts/FZLTTHK.TTF') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url("../fonts/SourceSansPro-Regular.otf");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-bold';
    src: url("../fonts/SourceSansPro-Bold.otf");
    font-weight: bold;
    font-style: normal;
}

body {
    width: 100%;
    margin: 0 auto;
    max-width: 2000px;
    font-size: 18px;
    font-family: 'SourceSansPro', Arial, Helvetica, sans-serif;
    letter-spacing: 0;
}

img {
    width: 100%;
}

.bgImg {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
}

.bgImg01 {
    background: url("../images/bg_img_s01.jpg") no-repeat;
    background-size: 100%;
}

.page-header .navbar {
    z-index: 11;
    position: relative
}

.container {
    z-index: 10;
    position: relative
}

.page-header {
    margin: 0;
    position: relative;
    border: 0;
    padding-bottom: 100px;
}

.page-header .container, .layer02 .container {
    width: 100%;
    padding: 6% 20% 0 8%;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: none;
    color: #34495e;
}

.layer02 {
    position: relative;
    display: block;
}

.layer02 .container {
    position: absolute;
    z-index: 2200;
    top: 0;
    left: 0;
}

.adTitle {
    padding-left: 15px;
    color: #fff;
    font-size: 54px;
    padding-top: 95px;
}

.logo {
    display: block;
    width: 168px;
}

.logo, .navbar-right {
    margin-top: 50px;
}

.page-header .navbar .container {
    width: 100%;
    padding: 0 6%;
}

.navbar-nav > li > a {
    padding: 0 25px;
    font-size: 18px;
    color: #FFF;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:click {
    background: none;
}

.box01_left, .adTitle, .layer03 .title {
    text-transform: uppercase;
    border: 0;
    font-family: 'SourceSansPro-bold';
}

.box01_left {
    width: 51.8%;
}

.box01_left h1 {
    font-size: 45px;
    margin-bottom: 20px;
    margin-top: 8px;
}

.box01_rig {
    border-left: 1px solid rgba(00, 00, 00, 0.1);
    padding: 15px 0 10px 50px;
}

.box01_left h2 {
    color: #0589ec;
    font-size: 36px;
}

.btn01 {
    padding: 0 25px;
    line-height: 40px;
    font-size: 20px;
    border: 0;
    border-radius: 40px;
    background: #0589ec;
    color: #fff;
    margin-top: 25px;
}

.container > .in {
    background: rgba(45, 160, 248, 0.9);
    width: 90%;
    display: block;
    position: absolute;
}

.container > .in a:hover {
    background: #30a2f8;
}

.layer03 {
    padding: 50px 0 0;
    position: relative;
    display: block;
}

.layer03 .container {
    position: absolute;
    z-index: 222;
    top: 150px;
    left: 0;
    width: 100%;
    padding: 0 15%;
}

.layer03 .title {
    font-size: 72px;
}

.layer03 .title span {
    color: #30a2f8;
}

.layer03 .col-md-10 {
    text-align: center;
    margin: 0 0 110px 8.3%;
}

.iconImg {
    display: block;
    text-align: center;
}

.layer03 .container img {
    width: 50%;
    max-width: 164px;
    margin: 0 auto 70px;
}

.layer03 .container h6 {
    color: #30a2f8;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: center;
}

.layer03 .container .col-md-3 {
    padding: 0 15px 0 45px;
    min-height: 400px;
}

.layer04 {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 24px;
}

.layer04 .title {
    display: block;
    padding-top: 50px;
    width: 100%;
    text-align: center;
    font-size: 42px;
}

.box04_left {
    display: table-cell;
    width: 36.1%;
    padding: 4% 2% 0 6%;
    background: url('../images/bg_ly04_left.png') no-repeat left bottom;
    background-size: 100% auto;
    vertical-align: top;

}

.box04_left .step {
    margin-bottom: 20px;

}

.box04_rig {
    display: table-cell;
    text-align: right;
    width: 63.9%;
    background: url('../images/img_ly04_rig_bg.png') no-repeat 0 0;
    background-size: 100% auto;
}

.step b {
    border-bottom: 3px solid #555;
    float: left;
    font-size: 48px;
    line-height: 1.65;
    text-decoration: none;
    margin-top: 18px;
}

.step b, .step span {
    display: table-cell;
    vertical-align: top;
}

.box04_left .step span {
    padding-left: 15px;
    line-height: 1.2;
    padding-top: 45px;
}

/* .step01 {
    color:#0589ec;
}
.step02 {
    color:#26cd12;
}
.step03 {
    color:#f46619;
} */
.layer05 {
    position: relative;
    z-index: 101;
    display: block;
    background: url('../images/bg_ly05.png') no-repeat right top;
    background-size: 60% auto;
}

.layer05 .bgImg {
    max-width: 1278px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.layer05 .bgImg img {
    margin-top: -25%;
}

.layer05 .textbox {
    clear: both;
    width: 80%;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: 200px 150px 50px;
    display: table;
}

.layer05 .textbox p {
    border-left: 5px solid #0589ec;
    padding-left: 30px;
}

.logoCust {
    background: url(../images/bg_logo.png) no-repeat right bottom;
    background-size: 20% auto;
    margin-bottom: 10%;
}

.logoCust ul {
    width: 80%;
    border-bottom: 1px solid #eee;
    padding: 0 5% 30px;
    margin: 0 auto;
    display: table;
}

.logoCust ul li {
    float: left;
    width: 25%;
    padding: 25px;
    list-style: none;
    text-align: center;
}

.logoCust ul li img {
    width: 100%;
    max-width: 180px;
}

.layer06 .contact {
    background: url('../images/bg_ly06.png') no-repeat left bottom;
    background-size: 100% auto;
    padding: 10% 0;
    width: 100%;
    display: table;
}

.conBox, .contact .title {
    width: 43%;
    margin-left: 21%;
    display: block;
    clear: both;
}

.conBox {
    margin-top: 8%;
}

.conBox .userImg, .conBox .info {
    display: table-cell;
    vertical-align: top;
}

.userImg {
    width: 30%
}

.conBox .userImg img {
    border-radius: 100%;
    width: 100%;
}

.conBox .info {
    padding-left: 5%;
    padding-top: 8%;
    font-size: 30px;
    line-height: 1.2;
}

.info .note {
    color: #8b8b8b;
    margin-top: 30px;
    font-size: 22px;
}

.layer06 .title {
    font-size: 30px;
}

.layer07 {
    display: block;
    background: #191d1f url('../images/bg_img_s06.jpg') no-repeat left top;
    background-size: 100% auto;
    position: relative;
    padding-top: 20%;
    padding-bottom: 5%;
    padding-left: 28%;
    color: #fff;
    font-size: 40px;
}

.layer07 .bgImg {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 2%;
    width: 18.5%;
}

.layer07 .qaText, .layer07 .qaList {
    display: inline-block;
    vertical-align: top;
}

.layer07 .qaText {
    width: 60%;
    padding-right: 5%;
}

.layer07 .qaText p {
    margin-bottom: 25px;
    line-height: 1.3;
    letter-spacing: -1px;
    font-size: 36px;
}

.layer07 .qaText a {
    color: #96a3a8;
    text-decoration: underline;
}

.layer07 .qaList {
    border-left: 4px solid #2e3132;
    padding-left: 4%;
    width: 35%;
    font-size: 18px;
    color: #7b878b;
}

.layer07 .qaList .title {
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
}

.layer07 .qaList p {
    margin-bottom: 25px;
}

.layer07 .qaList .link {
    display: block;
}

.layer07 .qaList .link a {
    width: 36px;
    height: 36px;
    display: inline-block;
    margin-right: 12px;
    background: url('../images/icon_link.png') no-repeat;
}

.layer07 .qaList .link a.l1 {
    background-position: 0 0;
}

.layer07 .qaList .link a.l2 {
    background-position: -40px 0;
}

.layer07 .qaList .link a.l3 {
    background-position: -76px 0;
}

.footer {
    background: #000;
    padding: 20px 5% 40px;

}

.footer a {
    color: #7b878b;
    margin: 0 10px;
    font-size: 18px;
    text-transform: capitalize;
}

.footer a.fRight {
    text-align: right;
    float: right;
    background: url('../images/icon_arrow_up.png') no-repeat right 6px;
    padding-right: 31px;
}

.footer .fLink {
    display: inline-block;
}

@media (max-width: 1400px) {
    .box01_left h1 {
        font-size: 42px;
    }

    .box01_left h2 {
        font-size: 30px;
    }

    .layer03 {
        padding-top: 50px;
    }

    .layer03 .container {
        position: relative;
        top: auto;
        margin-top: 50px;

    }

    .layer03 .bgImg {
        position: absolute;
        top: 50px;
    }

    .layer03 .container img, .layer03 .container h6 {
        margin-bottom: 20px;
    }

    .box04_left b {
        font-size: 48px;
    }

    .box04_left .step span {
        font-size: 20px;
        padding-top: 30px
    }

    .layer03 .container {
        padding-right: 10%;
        padding-left: 16.5%;
    }

}

@media (max-width: 1000px) {
    .page-header {

        padding-bottom: 40px;
    }

    .logo, .navbar-right {
        margin-top: 15px;
    }

    .box01_left h1 {
        font-size: 32px;
    }

    .box01_left h2 {
        font-size: 24px;
    }

    .box01_left {
        width: 100%;
        border-bottom: 1px solid rgba(00, 00, 00, 0.1);
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .box01_rig {
        display: block;
        border: 0;
        padding: 0 15px;
        width: 100%;
        /*font-size: 16px;*/
    }

    .adTitle {
        font-size: 36px;
    }

    .layer03 .container .col-md-3 {
        min-height: auto;
    }

    .layer03 .title {
        font-size: 42px;
    }

    .layer03 {
        padding: 50px 0 0;
    }

    .layer03 .col-md-10 {
        margin-bottom: 30px;
    }

    .box04_left, .box04_rig {
        display: block;
        width: 100%;
    }

    .box04_left {
        padding-left: 10%;
        background-size: 50% auto;
    }

    .layer04 .title {
        font-size: 32px;
        padding-top: 50px;
        width: 80%;
        margin: 0 auto;
    }

    .logoCust ul li {
        width: 33.3%
    }

    .layer07 .qaText, .layer07 .qaList {
        width: 90%;
        display: block;
    }

    .layer07 .qaText {
        font-size: 28px;
    }

    .layer07 .qaList {
        border-left: 0;
        border-top: 4px solid #2e3132;
        padding-left: 0;
        padding-top: 20px;
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .layer03 .container .col-md-3 {
        width: 80%;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .adTitle {
        font-size: 27px;
        padding-top: 20px;
    }

    .layer03 .container .col-md-3 {
        width: 100%;
        text-align: center;
        padding-left: 15px;
    }

    .layer03 .title {
        font-size: 36px;
    }

    .layer02 .container {
        padding-right: 10%;

    }

    .layer05 .textbox {
        padding: 100px 0 30px;
    }

    .logoCust ul li {
        width: 50%;
    }

    .layer06 .contact {
        padding-bottom: 120px;
    }

    .layer06 .contact .conBox, .layer06 .contact .title {
        width: 70%;
        margin-left: 8%;
        text-align: center;
    }

    .layer06 .conBox .info {
        font-size: 22px;
    }

    .layer06 .contact .conBox .userImg, .layer06 .contact .conBox .info {
        display: block;
        width: 100%;

    }

    .layer06 .contact .conBox .userImg img {
        max-width: 120px;
    }
}

.tableBox {
    width: 100%;
    padding: 0 5%;
}

.tableBox ul {
    display: table;
    width: 100%;
    padding: 0;
    border-right: 1px solid #ababab;
    border-bottom: 1px solid #ababab;
}

.tableBox ul li {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.tableBox ul li div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 20%;
    color: #000;
    border-left: 1px solid #ababab;
    border-top: 1px solid #ababab;
    line-height: 1.1;
    font-size: 14px;
    padding: 20px 5px;
}

.tableBox ul li.title {
    background: rgba(00, 00, 00, 0.1);
}

.tableBox ul li.panel {
    box-shadow: none;
    margin: 0;
    border: 0;
}

.tableBox ul li.panel span:first-child {
    display: none;
}

.tableBox ul li span i {
    width: 52px;
    height: 52px;
    display: block;
    text-align: center;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 100%;
}

.tableBox ul li .true {
    background-image: url(../images/icon_true.png);
}

.tableBox ul li b {
    font-weight: 100;
}

.tableBox ul li .false {
    background-image: url(../images/icon_false.png);
}

@media (max-width: 640px) {
    .tableBox ul {

    }

    .tableBox ul li.title {
        display: none;
    }

    .tableBox ul li.panel span:first-child {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        padding-right: 20px;
        background: #eee;
    }

    .tableBox ul li div {
        width: 100%;
        display: table;
        padding: 0;
        border-top: 0
    }

    .tableBox ul li span i {
        width: 32px;
        height: 32px;
    }

    .tableBox ul li.panel span {
        display: table-cell;
        width: 50%;
        padding: 5px 0;
        border-bottom: 1px solid #eee;
    }

    .tableBox ul li div b {
        width: 100%;
        display: table;
        padding: 15px 0;
        background: rgba(00, 00, 00, 0.1);
        border-top: 1px solid #ababab;
        border-bottom: 1px solid #ababab;

    }
}

.contact_us_wrap {
    clear: both;
    margin-bottom: 25px;
}

.contact_us_wrap .mail_phone {
    float: left;
    width: 60px;
}

.nav-language {
    color: white;
    text-decoration: none;
    line-height: 20px;
    display: block;
    background-color: transparent;
    border: 0px;
    font-size: 16px;
    padding: 0px 25px;
    line-height: 20px;
}

.nav-language:hover {
    text-decoration: none;
    color: #34495e
}

.zh-body .container h1 {
    font-size: 35px !important;
}

.zh-body .container ul li a {
    font-size: 15px !important;
}

.zh-body .container ul li button {
    font-size: 16px !important;
}

.zh-body .container .row .col-md-10 .title {
    font-size: 55px !important;
}

.zh-body .layer07 .qaText p {
    font-size: 30px !important;
}

.step01 {
    min-height: 80px;
}

.zh-body .nav-language {
    line-height: 19px !important;
}

.simple_chinese_link{
    font-size:14px !important;
}

.english_link{
    font-size:15px !important;
}