/*CSS Reset*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

img {
    vertical-align: bottom;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*,
 ::after,
 ::before {
    box-sizing: border-box;
    line-height: 1.4;
}

.clearfix::before,
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

html {
    font-size: 50px;
}

@media screen and (max-width:1000px) {
    html {
        font-size: calc(25px + 2.5vw)
    }
}

body {
    font-family: "Nunito", Arial, sans-serif;
    background-color: #fff;
    font-size: 0.32rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Nunito", Helvetica, Arial, sans-serif;
}

h1 {
    font-size: 0.8rem;
    font-weight: bold;
}

h2 {
    font-size: 0.64rem;
    font-weight: bold;
}

h3 {
    font-size: 0.48rem;
}

.grid {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 0.3rem;
}

@media screen and (max-width:767px) {
    .grid {
        padding: 0 0.2rem;
    }
}
/*Header*/

#headr {
    padding: 15px 0;
    width: 100%;
    background: #fff;
    font-family: "Nunito", Helvetica, Arial, sans-serif;
    height: 70px;
    position: relative;
    z-index: 9999;
}

#headr .headwrap .headbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}

#headr .headwrap img {
    height: 40px;
    width: auto;
    vertical-align: bottom;
}

@media only screen and (max-width:767px) {
    #headr .headwrap .lft-prt img {
        height: 28px;
    }
}

#headr .headwrap .rgt-prt {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#headr .headwrap .rgt-prt .dsktp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.32rem;
    color: #000;
    font-weight: 600;
    min-width: 660px;
    width: 80%;
}

#headr .headwrap .rgt-prt .dsktp .links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
}

#headr .headwrap .rgt-prt .dsktp .links a {
    position: relative;
}

#headr .headwrap .rgt-prt .dsktp .links a:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: -14px;
    background: #133488;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#headr .headwrap .rgt-prt .dsktp .lang a:after {
    content: "";
    display: none;
}

#headr .headwrap .rgt-prt .dsktp .links a:hover:after,
#headr .headwrap .rgt-prt .dsktp .links a.active:after {
    left: 0;
    right: 0;
    z-index: 1;
}

#headr .headwrap .rgt-prt .dsktp .links .sub-wrap {
    line-height: 40px !important;
    height: 40px;
    position: relative;
}

#headr .headwrap .rgt-prt .dsktp .links .sub-wrap>ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
    display: none;
    background: #fff;
    width: 100%;
    min-width: 130px;
    text-align: center;
    z-index: 9;

    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 5px 3px rgba(180, 180, 180, 0.7);
    transition: all 450ms;
}

#headr .headwrap .rgt-prt .dsktp .links .sub-wrap ul li {
    padding: 5px 0 10px 0;
}

#headr .headwrap .rgt-prt .dsktp .links .sub-wrap .parent-lnk:hover~ul,
#headr .headwrap .rgt-prt .dsktp .links .sub-wrap .parent-lnk:hover~#prod-cat-wrap {
    display: block;
}

#headr .headwrap .rgt-prt .dsktp .links .sub-wrap:hover>ul,
#headr .headwrap .rgt-prt .dsktp .links .sub-wrap:hover #prod-cat-wrap {
    display: block;
}

#headr .headwrap .header-search {
    background-color: #bfa;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 10px;
    background: url("../images/search-icon.png") no-repeat;
    background-position: 10px 8px;
}

#headr .headwrap .srch-area {
    display: none;
    position: absolute;
    left: 0;
    top: 55px;
    background-color: rgb(255, 255, 255);
    z-index: 19;
    width: 100%;
    padding: 2rem 0.2rem 0.4rem 0.2rem;
}

#headr .headwrap .search-form {
    display: flex;
    justify-content: center;
    max-width: 1470px;
    margin: 0 auto;
    border-bottom: 1px solid #c0c0c0;
}

#headr .headwrap .search-form .search-input {
    width: 100%;
    padding-left: 0.2rem;
    font-size: 0.4rem;
    border: none;
    border-radius: 0;
    outline: none;
    height: 30px;
    box-sizing: border-box;
    margin: 0 auto;
}

#headr .headwrap .search-form .search-btn {
    display: block;
    font-size: 0.4rem;
    border: none;
    padding: 0;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: #fff;
    color: #c0c0c0;
    border-radius: 0;
    border-left: none;
}

#headr .headwrap .search-form .search-btn:hover {
    background-color: #0c2f68;
    color: #fff;
}

#headr .headwrap #prod-cat-wrap {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
    z-index: 9;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 5px 3px rgba(180, 180, 180, 0.7);
}

#headr .headwrap #prod-cat-wrap .prod-cat {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

#headr .headwrap #prod-cat-wrap .list-wrap {
    padding: 0 0.2rem;
    width: auto;
    min-width: 200px;
}

#headr .headwrap #prod-cat-wrap .list-wrap h3 {
    font-size: 0.32rem;
    padding: 0.3rem 0 0.12rem 0;
    margin: 0 auto;
    text-align: center;
}

#headr .headwrap #prod-cat-wrap .list-wrap .prod-list li {
    font-weight: normal;
    text-align: center;
}

#headr .headwrap .dsktp .lang {
    position: relative;
    cursor: pointer;
}

#headr .headwrap .dsktp .lang .lang-cont {
    background-color: #d5d5e0;
    max-width: 100%;
    width: 150px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
}

#headr .headwrap .dsktp .lang .lang-cont .arw {
    margin-left: 5px;
    font-size: 18px;
    color: #333;
    display: inline-block;
    transform: rotate(180deg);
    transition: all 300ms;
}

#headr .headwrap .dsktp .lang .lang-cont:hover .arw {
    transform: none;
}

#headr .headwrap .dsktp .lang:hover .lang-cont .arw {
    transform: none;
}

#headr .headwrap .dsktp .lang ul {
    min-width: 110px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scaleY(0);
    top: 0;
    background: #d5d5e0;
    width: 100%;
    max-width: 100px;
    text-align: center;
    z-index: 9;
    border-radius: 0 0 5px 5px;
    transition: all 300ms;
    font-weight: 600;
}

#headr .headwrap .dsktp .lang ul li {
    padding: 7px 0;
}

#headr .headwrap .dsktp .lang:hover ul {
    transform: translateX(-50%) scaleY(1);
    top: 40px;
}

#headr .headwrap .rgt-prt .mobl {
    display: none;
}

#headr .headwrap .rgt-prt .mobl .ham-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

#headr .headwrap .rgt-prt .mobl .ham-container #hamburger {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    z-index: 9;
}

#headr .headwrap .rgt-prt .mobl .ham-container #hamburger .line {
    fill: none;
    stroke: #000000;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

#headr .headwrap .rgt-prt .mobl .ham-container #hamburger .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

#headr .headwrap .rgt-prt .mobl .ham-container #hamburger .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}

#headr .headwrap .rgt-prt .mobl .ham-container #hamburger .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

#headr .headwrap .rgt-prt .mobl .ham-container #hamburger.open .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

#headr .headwrap .rgt-prt .mobl .ham-container #hamburger.open .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}

#headr .headwrap .rgt-prt .mobl .ham-container #hamburger.open .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

#headr .headwrap .rgt-prt .mobl .mob-menu {
    display: none;
    position: absolute;
    background: #e8e8e8;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    top: 70px;
    z-index: 9;
    font-size: 0.4rem;
    padding-bottom: 100px;
}

#headr .headwrap .rgt-prt .mobl .mob-menu .mob-wrap {
    width: 100%;
    overflow-y: auto;
}

#headr .headwrap .rgt-prt .mobl .mob-menu .links {
    width: 100%;
    text-align: center;
}

#headr .headwrap .rgt-prt .mobl .mob-menu .links>li {
    border-bottom: 1px solid #fff;
    width: 100%;
    min-height: 40px;
}

#headr .headwrap .rgt-prt .mobl .mob-menu .links li a {
    height: 40px;
    line-height: 40px;
}

#headr .headwrap .rgt-prt .mobl .mob-menu .links a {
    display: block;
    max-width: 340px;
    margin: 0 auto;
    text-align: start;
}

#headr .headwrap .rgt-prt .mobl .mob-menu .links .sub-wrap i {
    margin-left: 0.2rem;
}

#headr .headwrap .rgt-prt .mobl .mob-menu .links .sub-wrap .parent-lnk {
    cursor: default;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#headr .headwrap .rgt-prt .mobl .mob-menu .links .sub-wrap ul {
    max-width: 340px;
    display: none;
    text-indent: 1rem;
    margin: 0 auto;
}

#headr .headwrap .rgt-prt .mobl .mob-menu .links .sub-wrap ul li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #fff;
}

#headr .headwrap .rgt-prt .mobl .mob-menu .links .sub-wrap ul .sub-series {
    text-indent: 2rem;
}

#headr .headwrap .rgt-prt .mobl .mob-menu .links .sub-wrap ul li:last-child {
    border: none;
}

#headr .mobl-prod-series {
    font-weight: bold;
}

#headr {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0px -8px 23px 0px rgba(0, 0, 0, 0.52);
    -webkit-box-shadow: 0px -8px 23px 0px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 0px -8px 23px 0px rgba(0, 0, 0, 0.52);
}

@media only screen and (max-width: 992px) {
    #headr .headwrap .lft-prt {
        flex: 1;
        order: 2;
        text-align: center;
    }
    #headr .headwrap .rgt-prt {
        order: 1;
        max-width: 100%;
        width: auto;
    }
    #headr .headwrap .header-search {
        margin-left: 0;
        order: 3;
    }
    #headr .headwrap .rgt-prt .dsktp {
        display: none;
    }
    #headr .headwrap .rgt-prt .mobl {
        display: block;
        width: 100%;
    }
}

main {
   
    margin-top: 70px;
    min-height: 100vh;
    padding-bottom: 2rem;
}

.lrn-mor {
    display: block;
    background: #fec537;
    font-size: 0.4rem;
    color: #0e486e;
    width: 100%;
    max-width: 5rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 0.6rem;
    font-weight: 700;
    border: solid 1px #fec537;
    transition: all 450ms;
    text-align: center;
}

.lrn-mor:hover {
    background: transparent;
    color: #fec537;
}

.top-sec {
    position: relative;
    height: calc(100vh - 70px);
    min-height: 597px;
    max-height: 1000px;
    background: #0c2f68;
}

.top-sec .grid {
    height: 100%;
}

.top-sec .atf-wrap {
    padding: 0.8rem 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-sec .atf-wrap .lft-prt {
    color: #fff;
    line-height: 1.4;
    flex: 1;
    padding-top: 0.4rem;
    max-width: 700px;
}

.top-sec .atf-wrap .lft-prt h3 {
    line-height: 1.6;
    padding: 1rem 0;
}

.top-sec .atf-wrap .lft-prt .middle-title {
    font-size: 0.48rem;
    line-height: 1.6;
    padding-top: 1rem;
    font-weight: normal;
}

.top-sec .atf-wrap .lft-prt .lrn-mor {
    display: block;
    background: #fec537;
    font-size: 0.4rem;
    color: #0e486e;
    width: 100%;
    max-width: 5rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 0.6rem;
    font-weight: 700;
    border: solid 1px #fec537;
    transition: all 450ms;
    text-align: center;
}

.top-sec .atf-wrap .lft-prt .lrn-mor:hover {
    background: transparent;
    color: #fec537;
}

.top-sec .atf-wrap .rgt-prt {
    flex: 1;
    max-width: 700px;
    text-align: center;
}

.top-sec .atf-wrap .rgt-prt img {
    width: 100%;
    max-width: 700px;
}

@media only screen and (max-width: 992px) {
    .top-sec {
        height: auto;
        min-height: auto;
        max-height: 100%;
    }
    .top-sec .atf-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .top-sec .atf-wrap .lft-prt {
        align-self: center;
        padding-top: 0;
    }
    .top-sec .atf-wrap .lft-prt .lrn-mor {
        margin: 0 auto;
    }
    .top-sec .atf-wrap .rgt-prt {
        padding-top: 1.2rem;
    }
}

/* homepage top-sec begin 2023-01-29*/
.homepage .top-sec .grid {
    max-width: inherit;
    padding-left: 0;
    padding-right: 0;
}

.homepage .top-sec .grid .atf-wrap {
    max-width: inherit;
    max-height: inherit;
    padding: 0;
}

.homepage .top-sec .grid .atf-wrap .lft-prt {
    margin: auto;
    padding: auto;
}

.homepage .top-sec .grid .atf-wrap .rgt-prt {
    max-width: 50%;
    height: inherit;
}

.homepage .top-sec .grid .atf-wrap .rgt-prt img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

@media only screen and (max-width: 992px) {
    .homepage .top-sec .grid {
        padding-left: 0;
        padding-right: 0;
    }

    .homepage .top-sec .grid .atf-wrap .rgt-prt {
        max-width: inherit;
        height: inherit;
    }
    
    .homepage .top-sec .grid .atf-wrap .rgt-prt img {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
}
/* homepage top-sec begin end */

.homepage .second-sec {
    padding: 1rem 0;
    text-align: center;
}

.homepage .second-sec h2 {
    color: #2d3549;
    padding-bottom: 0.24rem;
    max-width: 790px;
    margin: 0 auto;
}

.homepage .second-sec h3 {
    color: #2d3549;
    padding-top: 0.48rem;
}

.homepage .second-sec .why-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 1rem;
    flex-wrap: wrap;
}

.homepage .second-sec .why-wrap>div {
    flex: 1;
    max-width: 360px;
}

.homepage .second-sec .why-wrap>div .crcle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.homepage .second-sec .why-wrap div .crcle img {
    width: 100%;
    max-width: 90px;
}

.homepage .second-sec .why-wrap div h3 {
    color: #2d3549;
    font-weight: 600;
    padding: 0.5rem 0;
    width: 100%;
}

.homepage .second-sec .why-wrap div p {
    font-size: 0.36rem;
    color: #2d3549;
    width: 100%;
}

@media only screen and (min-width: 767px) and (max-width: 992px) {
    .homepage .second-sec .why-wrap {
        align-content: flex-start;
    }
    .homepage .second-sec .why-wrap div {
        flex: 50%;
        max-width: 450px;
        padding-top: 1rem;
    }
    .homepage .second-sec .why-wrap div:first-of-type,
    .homepage .second-sec .why-wrap div:nth-of-type(2) {
        padding-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .homepage .second-sec .why-wrap {
        flex-direction: column;
        align-items: center;
    }
    .homepage .second-sec .why-wrap div {
        flex: 100%;
        max-width: 450px;
        padding-top: 1rem;
    }
    .homepage .second-sec .why-wrap div p {
        font-size: 0.4rem;
    }
    .homepage .second-sec .why-wrap div:first-of-type {
        padding-top: 0;
    }
}

.homepage .third-sec {
    background: #0c2f68;
    padding: 1.4rem 0;
}

.homepage .third-sec .third-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.homepage .third-sec .third-wrap .lft-prt {
    flex: 50%;
    max-width: 650px;
    color: #fff;
}

.homepage .third-sec .third-wrap .lft-prt h2 {
    width: 100%;
}

.homepage .third-sec .third-wrap .lft-prt h3 {
    width: 100%;
    padding: 1.2rem 0;
}

.homepage .third-sec .third-wrap .lft-prt .emphasize {
    color: #ffc000;
}

.homepage .third-sec .third-wrap .lft-prt .lrn-mor {
    background: #fec537;
    font-size: 0.4rem;
    color: #0e486e;
    width: 100%;
    max-width: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 0.6rem;
    font-weight: 700;
    border: solid 1px #fec537;
    transition: all 450ms;
}

.homepage .third-sec .third-wrap .lft-prt .lrn-mor:hover {
    background: transparent;
    color: #fec537;
}

.homepage .third-sec .third-wrap .rgt-prt {
    height: 100%;
    text-align: center;
    flex: 50%;
    max-width: 650px;
}

.homepage .third-sec .third-wrap .rgt-prt img {
    vertical-align: bottom;
    height: 100%;
    width: 100%;
    max-height: 500px;
}

@media only screen and (max-width: 992px) {
    .homepage .third-sec {
        height: auto;
        min-height: auto;
    }
    .homepage .third-sec .third-wrap {
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }
    .homepage .third-sec .third-wrap .lft-prt {
        align-self: center;
        flex: 100%;
        padding-top: 0;
    }
    .homepage .third-sec .third-wrap .lft-prt .lrn-mor {
        margin: 0 auto;
    }
    .homepage .third-sec .third-wrap .rgt-prt {
        align-self: center;
        flex: 100%;
        width: 100%;
        padding: 1rem 1rem 0 1rem;
    }
    .homepage .third-sec .third-wrap .rgt-prt img {
        width: 100%;
    }
}

.homepage .fourth-sec {
    padding: 1rem 0;
}

.homepage .fourth-sec .fourth-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.homepage .fourth-sec .fourth-wrap .app-field {
    text-align: center;
    flex: 32%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.homepage .fourth-sec .fourth-wrap .app-field .img-block {
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homepage .fourth-sec .fourth-wrap .app-field .img-block img {
    width: 100%;
    max-width: 90px;
}

.homepage .fourth-sec .fourth-wrap .app-field h3 {
    font-size: 0.48rem;
    line-height: 1.4;
    font-weight: 700;
    color: #2d3549;
    min-height: 1.4rem;
}

.homepage .fourth-sec .fourth-wrap .app-field .desc {
    font-size: 0.36rem;
    width: 100%;
    padding: 0.4rem 0.5rem 0 0.5rem;
    text-align: justify;
    color: #2d3549;
}

@media only screen and (max-width: 767px) {
    .homepage .fourth-sec .fourth-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .homepage .fourth-sec .fourth-wrap .app-field {
        flex: 100%;
        max-width: 500px;
        padding-top: 1rem;
    }
    .homepage .fourth-sec .fourth-wrap .app-field .desc {
        font-size: 0.4rem;
    }
    .homepage .fourth-sec .fourth-wrap .app-field:first-of-type {
        padding-top: 0;
    }
}

@media only screen and (min-width: 767px) and (max-width: 992px) {
    .homepage .fourth-sec .fourth-wrap .app-field {
        flex: 50%;
        max-width: 48%;
        padding-top: 1rem;
    }
    .homepage .fourth-sec .fourth-wrap .app-field:first-of-type,
    .homepage .fourth-sec .fourth-wrap .app-field:nth-of-type(2) {
        padding-top: 0;
    }
}
/*Products Page*/
.products .top-sec .atf-wrap h2 {
    font-size: 0.48rem;
    padding-top: 1rem;
    font-weight: normal;
}

.products .second-sec {
    padding: 1rem 0;
}

.products .second-sec .sec-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.products .second-sec .sec-wrap .lft-wrap,
.products .second-sec .sec-wrap .rgt-wrap {
    flex: 1;
    max-width: 700px;
}

.products .second-sec .sec-wrap .lft-wrap {
    text-align: center;
}

.products .second-sec .sec-wrap .lft-wrap img {
    width: 90%;
    height: auto;
}

.products .second-sec .sec-wrap .rgt-wrap h3 {
    font-weight: 600;
    color: #333;
    font-size: 0.6rem;
    vertical-align: top;
}

.products .second-sec .sec-wrap .rgt-wrap p {
    color: #565555;
    font-size: 0.32rem;
    padding: 0.4rem 0;
}

.products .second-sec .sec-wrap .rgt-wrap ul li {
    position: relative;
    color: #565555;
    padding: 0 0 0.36rem 0;
    font-size: 0.32rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.products .second-sec .sec-wrap .rgt-wrap ul li i {
    color: #1ef0a4;
    font-size: 0.36rem;
    margin-right: 0.2rem;
}

.products .second-sec .sec-wrap .rgt-wrap .lrn-mor {
    display: block;
    background: #fec537;
    font-size: 0.4rem;
    color: #0e486e;
    width: 100%;
    min-width: 4rem;
    max-width: 5rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 0.6rem;
    border: solid 1px #fec537;
    transition: all 450ms;
    text-align: center;
    margin-top: 0.2rem;
    font-weight: 600;
    margin: 1rem auto 0 auto;
}

.products .second-sec .sec-wrap .rgt-wrap .lrn-mor:hover {
    background: transparent;
    color: #fec537;
}

@media only screen and (max-width: 992px) {
    .products .second-sec .sec-wrap {
        flex-direction: column;
        align-items: center;
    }
    .products .second-sec .sec-wrap .lft-wrap {
        order: 2;
        padding-top: 0.8rem;
        max-width: 600px;
    }
    .products .second-sec .sec-wrap .rgt-wrap {
        width: 100%;
        max-width: 550px;
        order: 1;
        padding: 0 0.8rem;
    }
    .products .second-sec .sec-wrap .rgt-wrap h3 {
        text-align: center;
    }
    .products .second-sec .sec-wrap .rgt-wrap p,
    .products .second-sec .sec-wrap .rgt-wrap ul li {
        font-size: 0.4rem;
    }
}

.products .second-sec .feat-wrap {
    padding-top: 1.4rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    text-align: center;
}

.products .second-sec .feat-wrap .feat {
    flex: 30%;
    max-width: 650px;
}

.products .second-sec .feat-wrap .feat img {
    width: 80px;
}

.products .second-sec .feat-wrap .feat h3 {
    font-weight: 700;
    color: #2d3549;
    padding: 0.4rem 0;
}

.products .second-sec .feat-wrap .feat p {
    color: #2d3549;
    font-size: 0.36rem;
    text-align: center;
}

@media only screen and (max-width: 992px) {
    .products .second-sec .feat-wrap {
        flex-direction: column;
        align-items: center;
    }
    .products .second-sec .feat-wrap .feat {
        flex: 100%;
    }
    .products .second-sec .feat-wrap .feat:not(:first-child) {
        margin-top: 0.8rem;
    }
    .products .second-sec .feat-wrap .feat p {
        font-size: 0.4rem;
    }
}

.products .third-sec {
    padding: 1rem 0;
}

.products .third-sec .third-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.products .third-sec .third-wrap h2 {
    text-align: center;
    padding-bottom: 0.6rem;
    color: #333;
}

.products .third-sec .third-wrap .app-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.products .third-sec .third-wrap .app-wrap .app {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 0 1 30%;
    width: 100%;
    max-width: 450px;
    height: auto;
    text-align: center;
    padding: 0.4rem 0.4rem 1rem 0.4rem;
    box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.3);
    margin-top: 0.6rem;
    margin-right: 60px;
}

.products .third-sec .third-wrap .app-wrap .app:nth-child(3n) {
    margin-right: 0;
}

.products .third-sec .third-wrap .app-wrap .app .header {
    width: 100%;
    height: 4.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.products .third-sec .third-wrap .app-wrap .app img {
    max-width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.products .third-sec .third-wrap .app-wrap .app .body {
    padding-bottom: 0.8rem;
    flex: 1;
}

.products .third-sec .third-wrap .app-wrap .app h3 {
    font-weight: 700;
    padding: 0.5rem 0;
    color: #333;
}

.products .third-sec .third-wrap .app-wrap .app p {
    font-size: 0.36rem;
    text-align: justify;
    margin-bottom: 0.8rem;
    line-height: 1.6;
}

.products .third-sec .third-wrap .app-wrap .app .prod-desc {
    font-size: 0.36rem;
    text-align: justify;
    margin-bottom: 0.8rem;
}

.products .third-sec .third-wrap .app-wrap .app .prod-desc li {
    margin-bottom: 0.2rem;
    text-align: center;
}

.products .third-sec .third-wrap .app-wrap .app .header {
    text-align: center;
}

.products .third-sec .third-wrap .app-wrap .app .lrn-mor {
    display: block;
    background: #fec537;
    font-size: 0.4rem;
    font-weight: 600;
    color: #0e486e;
    width: auto;
    min-width: 5rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 0.6rem;
    border: solid 1px #fec537;
    transition: all 450ms;
    text-align: center;
}

.products .third-sec .third-wrap .app-wrap .app .lrn-mor:hover {
    background: transparent;
    color: #fec537;
}

@media only screen and (max-width: 1240px) {
    .products .third-sec .third-wrap .app-wrap .app {
        flex: 0 1 50%;
        margin-right: auto;
    }
    .products .third-sec .third-wrap .app-wrap .app:nth-child(3n) {
        margin-right: auto;
    }
    .products .third-sec .third-wrap .app-wrap .app:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 992px) {
    .products .third-sec .third-wrap .app-wrap {
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: auto;
        min-width: none;
    }
    .products .third-sec .third-wrap .app-wrap .app {
        flex: 100%;
        width: 100%;
        max-width: 600px;
        padding-bottom: 0.6rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        margin-right: 0;
    }
    .products .third-sec .third-wrap .app-wrap .app:not(:first-child) {
        margin-top: 1rem;
    }
    .products .third-sec .third-wrap .app-wrap .app:nth-child(3n) {
        margin-right: 0;
    }
    .products .third-sec .third-wrap .app-wrap .app:nth-child(2n) {
        margin-right: 0;
    }
    .products .third-sec .third-wrap .app-wrap .app p {
        font-size: 0.4rem;
    }
}

.products .fourth-sec {
    padding: 60px 0;
}

.products .fourth-sec h5 {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    color: #3d486a;
}

.products .fourth-sec .feat-wrap {
    display: flex;
}

.products .fourth-sec .feat-wrap .feat.nomrgn-rgt {
    margin-right: 0;
}

.products .fourth-sec .feat-wrap .feat img {
    height: 92px;
}

.products .fourth-sec .feat-wrap .feat h6 {
    color: #1c2d46;
    font-weight: 600;
    font-size: 24px;
    padding: 20px 0;
    text-align: center;
}

.products .fourth-sec .feat-wrap .feat p {
    font-size: 17px;
    color: #2d3549;
    text-align: justify;
}

.products .fourth-sec .feat-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.products .fourth-sec .feat-wrap .feat {
    position: relative;
    width: 100%;
    min-height: 291px;
    padding-right: 15px;
    padding-left: 15px;
    box-shadow: 0 4px 8px 0 rgb(42 43 42 / 20%);
    transition: 0.3s;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    margin: 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.products .fourth-sec .feat-wrap .feat .header {
    line-height: 1;
    font-size: 6rem;
    font-weight: 700;
    text-align: center;
    color: #333;
    font-weight: 600;
}

.products .fourth-sec .feat-wrap .feat .body .desc {
    border: solid 1px #f5f3f3;
    max-width: 600px;
    width: 100%;
}

.products .fourth-sec .feat-wrap .feat ul {
    line-height: 1.2;
    font-size: 1.6rem;
    text-align: center;
}

.products .fourth-sec .feat-wrap .feat .body .desc li {
    font-size: 20px;
    padding: 16px;
}

.products .fourth-sec .feat-wrap .feat .lrn-mor {
    background: #fec537;
    font-size: 18px;
    color: #0e486e;
    width: 100%;
    max-width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    margin: auto;
    border-radius: 35px;
    font-weight: 700;
    border: solid 1px #fec537;
    transition: all 450ms;
    margin-top: 25px;
    margin-bottom: 40px;
    width: 250px;
}

.products .fourth-sec .feat-wrap .feat .lrn-mor:hover {
    background: transparent;
    color: #0e486e;
}

.careers .top-sec {
    background: url("../images/careerbg.jpg") center/cover no-repeat;
}

.careers .top-sec .atf-wrap {
    justify-content: center;
}

.careers .top-sec .atf-wrap h1 {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 3px 3px 2px #969696;
}

@media screen and (max-width:992px) {
    .careers .top-sec {
        width: 100%;
        height: 47.7vw;
        max-height: 477px;
        background: url("../images/careerbg2.jpg") center/cover no-repeat;
    }
}

.careers .second-sec {
    padding: 1rem 0;
}

.careers .second-sec h2 {
    color: #333;
    text-align: center;
    padding-bottom: 1.2rem;
}

.careers .second-sec ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.careers .second-sec ul li {
    border: solid 1px #f5f3f3;
    max-width: 350px;
    width: 100%;
    height: 7rem;
    box-shadow: 1px 1px 11px 7px #d4cdcd;
    -webkit-box-shadow: 1px 1px 11px 7px #d4cdcd;
    -moz-box-shadow: 1px 1px 11px 7px #d4cdcd;
}

.careers .second-sec ul li:not(:first-child) {
    margin-left: 0.4rem;
}

.careers .second-sec ul li .imgwrap {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f3f3;
    height: 4.8rem;
    text-align: center;
}

.careers .second-sec ul li .imgwrap img {
    width: 100%;
    max-width: 120px;
}

.careers .second-sec ul li .txtwrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.2rem;
    padding: 0 0.3rem;
}

.careers .second-sec ul li .txtwrap p {
    text-align: center;
    font-size: 0.44rem;
    color: #333;
    font-weight: 600;
}

@media only screen and (max-width:992px) {
    .careers .second-sec ul {
        flex-direction: column;
    }
    .careers .second-sec ul li:not(:first-child) {
        margin-top: 0.5rem;
        margin-left: 0;
    }
    .careers .second-sec ul li {
        flex: 100%;
    }
}

.careers .third-sec {
    background: rgba(232, 232, 232, 0.2);
    padding: 1rem 0;
}

.careers .third-sec h2 {
    text-align: center;
    color: #333;
}

.careers .third-sec h3 {
    text-align: justify;
    color: #333;
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    padding: 0.8rem 0 1rem;
}

.careers .third-sec .txtbox-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.careers .third-sec .txtbox-wrap input {
    flex: 1;
    outline: none;
    height: 1.4rem;
    border: solid 1px #d8d8d8;
    padding: 0.4rem;
    width: 42%;
    font-size: 0.36rem;
    color: #333;
}

.careers .third-sec .txtbox-wrap input::placeholder {
    color: #c0bebe;
}

.careers .third-sec .txtbox-wrap .srch-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #083cab;
    color: #fff;
    font-size: 0.4rem;
    height: 1.4rem;
    width: 12%;
    max-width: 200px;
    padding: 0 0.2rem;
    border: solid 1px #083cab;
    transition: all 450ms;
}

.careers .third-sec .txtbox-wrap .srch-btn i {
    font-size: 0.32rem;
    color: #fff;
    margin-right: 0.1rem;
}

.careers .third-sec .txtbox-wrap .srch-btn:hover {
    background: transparent;
    color: #083cab;
}

.careers .third-sec .txtbox-wrap .srch-btn:hover i {
    background: transparent;
    color: #083cab;
}

.careers .third-sec .chkmrk-wrap {
    padding: 0.8rem;
    display: flex;
    justify-content: flex-start;
}

.careers .third-sec .chkmrk-wrap .container {
    display: block;
    position: relative;
    padding-left: 0.7rem;
    cursor: pointer;
    font-size: 0.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.careers .third-sec .chkmrk-wrap .container:not(:last-child) {
    margin-right: 0.8rem;
}

.careers .third-sec .chkmrk-wrap .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.careers .third-sec .chkmrk-wrap .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: 0.42rem;
    width: 0.42rem;
    background-color: #fff;
    border: solid 1px #d8d8d8;
}

.careers .third-sec .chkmrk-wrap .container:hover input~.checkmark {
    border-color: #2196F3;
}

.careers .third-sec .chkmrk-wrap .container .checkmark:after {
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 50%;
    background-color: #2196F3;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    display: none;
}

.careers .third-sec .chkmrk-wrap .checkmark i {
    position: absolute;
    font-size: 0.3rem;
    color: #2196F3;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.careers .third-sec .chkmrk-wrap .container input:checked~.checkmark {
    border-color: #2196F3;
}

.careers .third-sec .chkmrk-wrap .container input:checked~.checkmark i {
    display: inline-block;
}

@media only screen and (max-width:992px) {
    .careers .third-sec h3 {
        max-width: 650px;
    }
    .careers .third-sec .txtbox-wrap {
        flex-direction: column;
    }
    .careers .third-sec .txtbox-wrap input {
        flex: 100%;
        width: 100%;
        max-width: 600px;
        font-size: 0.4rem;
        height: 1rem;
        padding: 0.3rem;
    }
    .careers .third-sec .txtbox-wrap input:not(:first-child),
    .careers .third-sec .txtbox-wrap .srch-btn {
        margin-top: 0.4rem;
    }
    .careers .third-sec .txtbox-wrap .srch-btn {
        margin-top: 0.4rem;
        width: 100%;
        max-width: 300px;
        height: 1rem;
        font-size: 0.4rem;
        padding: 0.3rem 0;
    }
    .careers .third-sec .chkmrk-wrap {
        justify-content: center;
        padding: 0.6rem 0.2rem;
    }
    .careers .third-sec .chkmrk-wrap .container:not(:last-child) {
        margin-right: 0.6rem;
    }
}

.careers .third-sec .job-listing-wrap .job-listing {
    position: relative;
    padding: 1rem 0.4rem 0 0.4rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.careers .third-sec .job-listing-wrap .job-listing:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: #eaebec;
}

.careers .third-sec .job-listing-wrap .job-listing .lft-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1100px;
}

.careers .third-sec .job-listing-wrap .job-listing .lft-wrap .title-wrap {
    width: auto;
    font-size: 0.4rem;
    font-weight: 700;
    color: #333;
    flex: 1;
}

.careers .third-sec .job-listing-wrap .job-listing .lft-wrap .job-location {
    font-size: 0.36rem;
    color: #083cab;
    padding-top: 0.4rem;
}

.careers .third-sec .job-listing-wrap .job-listing .job-city {
    font-size: 0.36rem;
    color: #333;
    width: 30%;
    word-wrap:break-word;   
    text-overflow: ellipsis;
    
}

.careers .third-sec .job-listing-wrap .job-listing .job-city i {
    font-size: 0.4rem;
    color: #083cab;
    margin-right: 0.12rem;
}

.careers .third-sec .job-listing-wrap .job-listing .job-updt {
    font-size: 0.36rem;
    color: #333;
    position: relative;
    width: 20%;
    text-align: center;
}

.careers .third-sec .job-listing-wrap .job-listing .job-updt i {
    font-size: 0.4rem;
    color: #083cab;
    display: inline-block;
    margin-right: 0.12rem;
}

.careers .third-sec .job-listing-wrap .job-listing .rgt-wrap {
    margin-left: 2rem;
}

.careers .third-sec .job-listing-wrap .job-listing .rgt-wrap .corner-wrap {
    text-align: center;
    margin: 0 auto;
}

.careers .third-sec .job-listing-wrap .job-listing .rgt-wrap .corner-wrap .detail-btn {
    display: block;
    background: #083cab;
    color: #fff;
    font-size: 0.4rem;
    height: 1rem;
    line-height: 1rem;
    width: 3.6rem;
    border: solid 1px #083cab;
    transition: all 300ms;
    text-align: center;
    margin: 0 auto;
}

.careers .third-sec .job-listing-wrap .job-listing .rgt-wrap .corner-wrap .detail-btn:hover {
    background: transparent;
    color: #083cab;
}

.careers .third-sec .job-listing-wrap .job-listing .rgt-wrap .corner-wrap p {
    font-size: 0.36rem;
    color: #083cab;
    padding-top: 0.4rem;
}

.careers .third-sec .job-listing-wrap .job-details {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 0.32rem;
    color: #222;
    height: 0;
    overflow: hidden;
    transition: all 450ms;
}

.careers .third-sec .job-listing-wrap .job-details.show {
    height: auto;
}

.careers .third-sec .job-listing-wrap .job-details p {
    padding: 0.24rem;
}

.careers .third-sec .view-mor {
    display: block;
    background: #fec537;
    font-size: 0.4rem;
    color: #0e486e;
    width: 100%;
    min-width: 4rem;
    max-width: 5rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 0.6rem;
    border: solid 1px #fec537;
    transition: all 300ms;
    text-align: center;
    margin: 1.4rem auto 0 auto;
    font-weight: 700;
}

.careers .third-sec .view-mor:hover {
    background: transparent;
    color: #fec537;
}

@media only screen and (max-width:992px) {
    .careers .third-sec .job-listing-wrap .job-listing {
        flex-direction: column;
        align-items: center;
        padding: 1rem 0 0 0;
    }
    .careers .third-sec .job-listing-wrap .job-listing .lft-wrap {
        flex: 1;
        width: 100%;
        max-width: 600px;
        padding: 0 0.2rem;
    }
    .careers .third-sec .job-listing-wrap .job-listing .job-city {
        width: 35%;
    }
    .careers .third-sec .job-listing-wrap .job-listing .job-updt {
        width: 20%;
    }
    .careers .third-sec .job-listing-wrap .job-listing .rgt-wrap {
        flex: 1;
        width: 100%;
        margin-top: 1rem;
        margin-left: 0;
    }
    .careers .third-sec .job-listing-wrap .job-listing .rgt-wrap .corner-wrap {
        width: 100%;
        max-width: 300px;
        text-align: center;
    }
    .careers .third-sec .job-listing-wrap .job-details {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        font-size: 0.4rem;
    }
    .careers .third-sec .job-listing-wrap .job-listing .rgt-wrap .corner-wrap .detail-btn {
        transition: none;
    }
}

.careers .fourth-sec {
    padding: 1rem 0;
}

.careers .fourth-sec h2 {
    text-align: center;
    color: #333;
    padding-bottom: 1rem;
}

.careers .fourth-sec .join-steps-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 1rem;
}

.careers .fourth-sec .join-steps-wrap .join-step {
    text-align: center;
    width: auto;
    height: 240px;
}

.careers .fourth-sec .join-steps-wrap .join-line {
    content: "";
    height: 1px;
    border-bottom: dashed 1px #333;
    width: 100%;
    position: relative;
    margin-top: 69px;
}

.careers .fourth-sec .join-steps-wrap .join-line::before,
.careers .fourth-sec .join-steps-wrap .join-line::after {
    content: "";
    height: 1px;
    border-bottom: dashed 1px #333;
    width: 70px;
    position: absolute;
    top: 0;
}

.careers .fourth-sec .join-steps-wrap .join-line::before {
    left: -70px;
}

.careers .fourth-sec .join-steps-wrap .join-line::after {
    right: -70px;
}

.careers .fourth-sec .join-steps-wrap .join-step .img-wrap {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #f4f7fa;
    border: solid 1px #f5f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.careers .fourth-sec .join-steps-wrap .join-step .img-wrap img {
    width: 100%;
    max-width: 60px;
}

.careers .fourth-sec .join-steps-wrap .join-step .stp-txt {
    color: #333;
    text-transform: uppercase;
    font-size: 0.32rem;
    padding: 0.4rem 0 0.1rem;
    width: auto;
}

.careers .fourth-sec .join-steps-wrap .join-step .stp-desc {
    font-size: 0.4rem;
    font-weight: 600;
    color: #333;
    width: 100%;
    min-width: 280px;
}

.careers .fourth-sec .say-wrap .say-innerwrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.careers .fourth-sec .say-wrap .say-innerwrap .say {
    border: solid 1px #f5f3f3;
    width: 50%;
    max-width: 450px;
    height: auto;
    box-shadow: 1px 1px 11px 7px #d4cdcd;
    -webkit-box-shadow: 1px 1px 11px 7px #d4cdcd;
    -moz-box-shadow: 1px 1px 11px 7px #d4cdcd;
    padding: 25px;
    margin-right: auto;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.careers .fourth-sec .say-wrap .say-innerwrap .say:nth-child(2n) {
    margin-right: 0;
}

.careers .fourth-sec .say-wrap .say-innerwrap .say .desc {
    flex: 1;
    font-size: 0.32rem;
    color: #333;
    text-align: justify;
}

.careers .fourth-sec .say-wrap .say-innerwrap .say .btm-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.8rem;
}

.careers .fourth-sec .say-wrap .say-innerwrap .say .btm-wrap .lft .empl-name {
    font-size: 0.36rem;
    font-weight: 600;
    color: #333;
}

.careers .fourth-sec .say-wrap .say-innerwrap .say .btm-wrap .lft .empl-desg {
    font-size: 0.32rem;
    color: #083cab;
    padding-top: 0.2rem;
}

@media only screen and (max-width: 992px) {
    .careers .fourth-sec .join-steps-wrap {
        flex-direction: column;
        align-items: center;
    }
    .careers .fourth-sec .join-steps-wrap .join-line,
    .careers .fourth-sec .join-steps-wrap .join-line::before,
    .careers .fourth-sec .join-steps-wrap .join-line::after {
        position: static;
        display: none;
    }
    .careers .fourth-sec .join-steps-wrap .join-step {
        max-width: 500px;
    }
    .careers .fourth-sec .join-steps-wrap .join-step:not(:first-of-type) {
        margin-top: 0.4rem;
    }
    .careers .fourth-sec .say-wrap .say-innerwrap {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        width: 100%;
        margin: 0;
    }
    .careers .fourth-sec .say-wrap .say-innerwrap .say {
        flex: 1;
        width: 100%;
        max-width: 550px;
        margin-right: 0;
    }
    .careers .fourth-sec .say-wrap .say-innerwrap .say .desc {
        font-size: 0.4rem;
    }
    .careers .fourth-sec .say-wrap .say-innerwrap .say .btm-wrap .lft .empl-name {
        font-size: 0.4rem;
    }
    .careers .fourth-sec .say-wrap .say-innerwrap .say .btm-wrap .lft .empl-desg {
        font-size: 0.36rem;
    }
}

.careers .fourth-sec .info-wrap {
    width: 100%;
    max-width: 1270px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 1.5rem;
}

.careers .fourth-sec .info-wrap .info {
    max-width: 440px;
    width: 100%;
    padding: 0.4rem 0.6rem;
    border: solid 1px #f1f1f1;
    border-bottom: solid 3px #1879bf;
    box-shadow: 0px 0px 7px 4px rgba(69, 67, 67, 0.75);
    -webkit-box-shadow: 0px 0px 7px 4px rgba(69, 67, 67, 0.75);
    -moz-box-shadow: 0px 0px 7px 4px rgba(69, 67, 67, 0.75);
    min-height: 2.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.careers .fourth-sec .info-wrap .info i {
    font-size: 0.96rem;
}

.careers .fourth-sec .info-wrap .info .txt {
    font-size: 0.32rem;
    color: #333;
    padding-left: 0.6rem;
}

.careers .fourth-sec .info-wrap .info .txt h4 {
    font-weight: 700;
    padding-bottom: 0.2rem;
}



@media screen and (max-width:992px) {
    .careers .fourth-sec .info-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .careers .fourth-sec .info-wrap .info:not(:first-child) {
        margin-top: 1.4rem;
    }
}

@media screen and (max-width:767px) {
    .careers .fourth-sec .office-wrap .office .imgwrap {
        height: calc((100vw - 0.4rem) * 0.625);
        max-height: 375px;
    }
    .careers .fourth-sec .office-wrap .office .txtwrap,
    .careers .fourth-sec .office-wrap .office .txtwrap h4 {
        font-size: 0.4rem;
    }
    .careers .fourth-sec .office-wrap .office .txtwrap .ttl,
    .careers .fourth-sec .office-wrap .office .txtwrap .txt {
        font-size: 0.36rem;
    }
    .careers .fourth-sec .info-wrap .info .txt {
        font-size: 0.36rem;
    }
    .careers .fourth-sec .info-wrap .info .txt h4 {
        font-size: 0.4rem;
    }
}

/*Documentation Page*/

.documentation .top-sec {
    background: url("../images/zhixin-doc1.jpg") center/cover no-repeat;
}

.documentation .top-sec .atf-wrap {
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.documentation .top-sec .atf-wrap h1 {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 3px 3px 2px #969696;
    max-width: 600px;
    margin-bottom: 1.4rem;
}

.documentation .top-sec .atf-wrap h3 {
    font-size: 0.4rem;
    padding: 0 0.4rem;
    color: #fff;
    max-width: 1000px;
}

@media screen and (max-width:992px) {
    .documentation .top-sec {
        width: 100%;
        height: 51.1vw;
        max-height: 511px;
        background: url("../images/zhixin-doc2.jpg") center/cover no-repeat;
    }
    .documentation .top-sec .atf-wrap {
        padding: 0;
    }
    .documentation .top-sec .atf-wrap h1 {
        margin-bottom: 0.5rem;
    }
    .documentation .top-sec .atf-wrap h3 {
        padding: 0;
    }
}

.documentation .topsecond-sec {
    padding: 2rem 0 1rem 0;
}

.documentation .topsecond-sec .sec-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.documentation .topsecond-sec .sec-wrap .lft-wrap,
.documentation .topsecond-sec .sec-wrap .rgt-wrap {
    flex: 1;
    max-width: 700px;
}

.documentation .topsecond-sec .sec-wrap .lft-wrap {
    text-align: center;
}

.documentation .topsecond-sec .sec-wrap .lft-wrap img {
    width: 90%;
    height: auto;
}

.documentation .topsecond-sec .sec-wrap .rgt-wrap h3 {
    font-weight: 600;
    color: #333;
    font-size: 0.6rem;
    vertical-align: top;
    padding-bottom: 0.4rem;
}

.documentation .topsecond-sec .sec-wrap .rgt-wrap p {
    color: #565555;
    font-size: 0.32rem;
    padding: 0.4rem 0;
}

.documentation .topsecond-sec .sec-wrap .rgt-wrap ul li {
    position: relative;
    color: #565555;
    padding: 0 0 0.36rem 0;
    font-size: 0.32rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.documentation .topsecond-sec .sec-wrap .rgt-wrap ul li i {
    color: #1ef0a4;
    font-size: 0.36rem;
    margin-right: 0.2rem;
}

@media only screen and (max-width: 992px) {
    .documentation .topsecond-sec .sec-wrap {
        flex-direction: column;
        align-items: center;
    }
    .documentation .topsecond-sec .sec-wrap .lft-wrap {
        order: 2;
        padding-top: 0.8rem;
        max-width: 600px;
    }
    .documentation .topsecond-sec .sec-wrap .rgt-wrap {
        width: 100%;
        max-width: 550px;
        order: 1;
        padding: 0 0.8rem;
    }
    .documentation .topsecond-sec .sec-wrap .rgt-wrap h3 {
        text-align: center;
    }
    .documentation .topsecond-sec .sec-wrap .rgt-wrap p,
    .documentation .topsecond-sec .sec-wrap .rgt-wrap ul li {
        font-size: 0.4rem;
    }
}

.documentation .middlesecond-sec {
    padding: 1rem 0;
}

.documentation .middlesecond-sec .sec-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.documentation .middlesecond-sec .sec-wrap .lft-wrap,
.documentation .middlesecond-sec .sec-wrap .rgt-wrap {
    flex: 1;
    max-width: 700px;
}

.documentation .middlesecond-sec .sec-wrap .lft-wrap {
    text-align: center;
}

.documentation .middlesecond-sec .sec-wrap .lft-wrap img {
    width: 90%;
    height: auto;
}

.documentation .middlesecond-sec .sec-wrap .rgt-wrap h3 {
    font-weight: 600;
    color: #333;
    font-size: 0.6rem;
    vertical-align: top;
    padding-bottom: 0.4rem;
}

.documentation .middlesecond-sec .sec-wrap .rgt-wrap p {
    color: #565555;
    font-size: 0.32rem;
    padding: 0.4rem 0;
}

.documentation .middlesecond-sec .sec-wrap .rgt-wrap ul li {
    position: relative;
    color: #565555;
    padding: 0 0 0.36rem 0;
    font-size: 0.32rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.documentation .middlesecond-sec .sec-wrap .rgt-wrap ul li i {
    color: #1ef0a4;
    font-size: 0.36rem;
    margin-right: 0.2rem;
}

@media only screen and (max-width: 992px) {
    .documentation .middlesecond-sec .sec-wrap {
        flex-direction: column;
        align-items: center;
    }
    .documentation .middlesecond-sec .sec-wrap .lft-wrap {
        order: 2;
        padding-top: 0.8rem;
        max-width: 600px;
    }
    .documentation .middlesecond-sec .sec-wrap .rgt-wrap {
        width: 100%;
        max-width: 550px;
        order: 1;
        padding: 0 0.8rem;
    }
    .documentation .middlesecond-sec .sec-wrap .rgt-wrap h3 {
        text-align: center;
    }
    .documentation .middlesecond-sec .sec-wrap .rgt-wrap p,
    .documentation .middlesecond-sec .sec-wrap .rgt-wrap ul li {
        font-size: 0.4rem;
    }
}

.documentation .bottomsecond-sec {
    padding: 1rem 0;
}

.documentation .bottomsecond-sec .sec-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.documentation .bottomsecond-sec .sec-wrap .lft-wrap,
.documentation .bottomsecond-sec .sec-wrap .rgt-wrap {
    flex: 1;
    max-width: 700px;
}

.documentation .bottomsecond-sec .sec-wrap .lft-wrap {
    text-align: center;
}

.documentation .bottomsecond-sec .sec-wrap .lft-wrap img {
    display: inline-block;
    width: 90%;
    height: auto;
    top: 0;
    bottom: 0;
    margin: auto;
}

.documentation .bottomsecond-sec .sec-wrap .rgt-wrap h3 {
    font-weight: 600;
    color: #333;
    font-size: 0.6rem;
    vertical-align: top;
    padding-bottom: 0.4rem;
}

.documentation .bottomsecond-sec .sec-wrap .rgt-wrap h4 {
    font-weight: 600;
    color: #565555;
    font-size: 0.32rem;
    vertical-align: top;
    padding: 0.2rem 0;
}

.documentation .bottomsecond-sec .sec-wrap .rgt-wrap p {
    color: #565555;
    font-size: 0.32rem;
    padding: 0.2rem 0 0 0;
    text-align: start;
}

.documentation .bottomsecond-sec .sec-wrap .rgt-wrap ul li {
    position: relative;
    color: #565555;
    padding: 0 0 0.2rem 0;
    font-size: 0.32rem;
}

.documentation .bottomsecond-sec .sec-wrap .rgt-wrap ul li span {
    font-weight: 600;
}

.documentation .bottomsecond-sec .sec-wrap .rgt-wrap ul li ul {
    margin-top: 0.2rem;
    padding-left: 1rem;
    list-style: inside;
}

.documentation .bottomsecond-sec .sec-wrap .rgt-wrap ul li i {
    color: #1ef0a4;
    font-size: 0.36rem;
    margin-right: 0.2rem;
    display: inline-block;
}

@media only screen and (max-width: 992px) {
    .documentation .bottomsecond-sec .sec-wrap {
        flex-direction: column;
        align-items: center;
    }
    .documentation .bottomsecond-sec .sec-wrap .lft-wrap {
        order: 2;
        padding-top: 0.8rem;
        max-width: 600px;
    }
    .documentation .bottomsecond-sec .sec-wrap .rgt-wrap {
        width: 100%;
        max-width: 550px;
        order: 1;
        padding: 0 0.8rem;
    }
    .documentation .bottomsecond-sec .sec-wrap .rgt-wrap h3 {
        text-align: center;
    }
    .documentation .bottomsecond-sec .sec-wrap .eva-board {
        font-size: 0.4rem;
        font-weight: 600;
        color: red;
    }
    .documentation .bottomsecond-sec .sec-wrap .rgt-wrap p,
    .documentation .bottomsecond-sec .sec-wrap .rgt-wrap ul li {
        font-size: 0.4rem;
    }
}

.documentation .second-sec {
    padding: 1.2rem 0;
    background: #f8fbff;
}

.documentation .second-sec h2,
.documentation .second-sec h3 {
    font-weight: 700;
    color: #333;
    text-align: center;
    padding-bottom: 1.4rem;
}

.documentation .second-sec .tbl-wrap {
    font-size: 0.36rem;
    padding: 0 0.2rem;
    margin-bottom: 1rem;
}

.documentation .second-sec .tbl-wrap table {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.documentation .second-sec .tbl-wrap table td {
    border: 1px solid #c3c3c3;
    text-align: left;
    padding: 0.24rem;
}

.documentation .second-sec .tbl-wrap table th {
    border: 1px solid #c3c3c3;
    text-align: center;
    padding: 0.4rem;
    background-color: #1c2d46;
    font-weight: 700;
    color: #fff;
}

@media only screen and (max-width:992px) {
    .documentation .second-sec .refer-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .documentation .second-sec .refer-wrap .quick-refer {
        flex: 100%;
        max-width: 650px;
        margin-right: 0;
    }
    .documentation .second-sec .refer-wrap .quick-refer:not(:first-child) {
        margin-top: 1.2rem;
    }
    .documentation .second-sec .tbl-wrap table td {
        border: 1px solid #c3c3c3;
        text-align: left;
        padding: 0.2rem;
        font-size: 0.4rem;
    }
    .documentation .second-sec .tbl-wrap table th {
        font-size: 0.40rem;
    }
}

.documentation .second-sec .tbl-wrap table tbody td.txt-centr {
    text-align: left;
}

.documentation .second-sec .tbl-wrap table tr:nth-child(even) {
    background-color: #cce5ff;
}

.documentation .second-sec .dwn-wrap {
    padding: 1rem 0 1.4rem;
}

.documentation .second-sec .dwn-wrap ul {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}

.documentation .second-sec .dwn-wrap ul:last-child {
    margin-bottom: 0;
}

.documentation .second-sec .dwn-wrap ul li {
    background: #fff;
    border: solid 2px #333;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.75);
    text-align: center;
    color: #333;
    padding: 0.6rem 0.8rem;
    flex: 0 1 33%;
    max-width: 300px;
    max-height: 235px;
    width: 100%;
    margin-bottom: 1rem;
}

.documentation .second-sec .dwn-wrap ul li:not(:nth-child(3n)) {
    margin-right: calc( (100% - 900px) / 2);
}

.documentation .second-sec .dwn-wrap ul li h3 {
    font-weight: 700;
    font-size: 0.36rem;
    padding-bottom: 0.4rem;
}

.documentation .second-sec .dwn-wrap ul li a {
    display: block;
    color: #112be9;
    font-size: 0.32rem;
    cursor: pointer;
    text-decoration: none;
    transition: all 450ms;
}

.documentation .second-sec .dwn-wrap ul li a:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 992px) {
    .documentation .second-sec .dwn-wrap ul {
        display: flex;
        max-width: 850px;
        margin: 0 auto;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
    }
    .documentation .second-sec .dwn-wrap ul li {
        margin-bottom: 1.4rem;
        min-height: 2.64rem;
    }
    .documentation .second-sec .dwn-wrap ul li:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .documentation .second-sec .dwn-wrap ul li h3 {
        font-size: 0.4rem;
    }
    .documentation .second-sec .dwn-wrap ul li a {
        font-size: 0.36rem;
    }
}

/*Documentation Page*/

/*About Us Page*/

.aboutus h2 {
    color: #333;
    text-align: center;
    padding-bottom: 1.4rem;
}

.aboutus .top-sec {
    background: url("../images/zhixin-aboutbg.jpg") center/cover no-repeat;
}

@media screen and (max-width:992px) {
    .aboutus .top-sec {
        width: 100%;
        height: 56.3vw;
        max-height: 563px;
        background: url("../images/zhixin-aboutbg2.jpg") center/cover no-repeat;
    }
}

.aboutus .top-sec .atf-wrap {
    justify-content: center;
}

.aboutus .top-sec .atf-wrap h1 {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 3px 3px 2px #969696;
}

.aboutus .second-sec {
    padding: 1.4rem 0 2rem;
}

.aboutus .second-sec .who-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aboutus .second-sec .who-wrap .right-wrap,
.aboutus .second-sec .who-wrap .lft-wrap {
    flex: 1;
    max-width: 700px;
}

.aboutus .second-sec .who-wrap .lft-wrap img {
    width: 100%;
}

.aboutus .second-sec .who-wrap .right-wrap {
    width: 100%;
    padding-left: 0.8rem;
}

.aboutus .second-sec .who-wrap .right-wrap p {
    color: #333;
    font-size: 0.36rem;
    padding-bottom: 0.4rem;
    line-height: 1.6;
}

.aboutus .second-sec .who-wrap .right-wrap .lrn-mor {
    margin: 0.8rem auto 0;
}

.aboutus .second-sec .who-wrap .right-wrap .lrn-mor:hover {
    background: transparent;
    color: #083cab;
}

@media only screen and (max-width: 992px) {
    .aboutus .second-sec .who-wrap {
        flex-flow: column;
    }
    .aboutus .second-sec .who-wrap .right-wrap {
        padding: 1rem 0.24rem 0;
        text-align: justify;
        width: 100%;
    }
    .aboutus .second-sec .who-wrap .right-wrap .lrn-mor {
        margin-top: 0.8rem;
    }
}

.aboutus .third-sec {
    padding: 1rem 0;
    background: #fbfcfd;
}

.aboutus .third-sec h2,
.aboutus .fourth-sec h2 {
    padding-bottom: 0.6rem;
}

.aboutus .third-sec h3,
.aboutus .fourth-sec h3 {
    text-align: center;
    font-weight: 700;
    color: #333;
    font-size: 0.4rem;
    padding: 0 0 0.4rem;
}

.aboutus .third-sec .about-bdytxt,
.aboutus .fourth-sec .about-bdytxt {
    padding: 0.3rem 2rem 1.4rem;
    color: #333;
    text-align: justify;
    font-size: 0.36rem;
    font-weight: 500;
}

.aboutus .third-sec .what-wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.aboutus .third-sec .what-wrap>div {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    color: #333;
    max-width: 350px;
    width: 100%;
    text-align: center;
}

.aboutus .third-sec .what-wrap>div img {
    width: 60px;
}

.aboutus .third-sec .what-wrap div h4 {
    font-size: 0.4rem;
    padding: 0.6rem 0;
    font-weight: 700;
}

.aboutus .third-sec .what-wrap div p {
    font-size: 0.36rem;
    padding: 0 0.2rem;
}

@media only screen and (max-width:992px) {
    .aboutus .third-sec .what-wrap {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
    }
    .aboutus .third-sec .what-wrap>div {
        flex: 50%;
        margin-bottom: 1rem;
    }
    .aboutus .third-sec .about-bdytxt,
    .aboutus .fourth-sec .about-bdytxt {
        padding: 0.3rem 0.2rem 1.4rem;
        color: #333;
        text-align: justify;
        font-size: 0.36rem;
        font-weight: 500;
    }
}

@media only screen and (max-width:767px) {
    .aboutus .third-sec .what-wrap {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .aboutus .third-sec .what-wrap>div {
        flex: 100%;
        margin-bottom: 1rem;
    }
    .aboutus .third-sec .about-bdytxt,
    .aboutus .fourth-sec .about-bdytxt {
        font-size: 0.4rem;
    }
}

.aboutus .fourth-sec {
    padding: 1rem 0 2rem;
    background: #fff;
    height: auto;
}

.aboutus .fourth-sec .what-wrap div p {
    font-size: 0.36rem;
}

.aboutus .fourth-sec .team-wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.aboutus .fourth-sec .team-wrap .team-innerwrap {
    max-width: 450px;
    width: 100%;
    margin-left: 1rem;
    border: solid 1px #f1f1f1;
    box-shadow: 7px 7px 5px 0px rgba(164, 162, 162, 0.75);
    -webkit-box-shadow: 7px 7px 5px 0px rgba(164, 162, 162, 0.75);
    -moz-box-shadow: 7px 7px 5px 0px rgba(164, 162, 162, 0.75);
}

.aboutus .fourth-sec .team-wrap .team-innerwrap:first-of-type {
    margin-left: 0;
}

.aboutus .fourth-sec .team-wrap .team-innerwrap .imgwrap {
    width: 100%;
    height: 285px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../images/zhixin-team2.jpg") center/cover no-repeat;
}

.aboutus .fourth-sec .team-wrap .team-innerwrap .imgwrap h3 {
    font-size: 0.64rem;
    color: #fbfcfd;
    font-weight: 700;
}

.aboutus .fourth-sec .team-wrap .team-innerwrap:first-of-type .imgwrap {
    background-image: url("../images/zhixin-team1.jpg");
}

.aboutus .fourth-sec .team-wrap .team-innerwrap:last-of-type .imgwrap {
    background-image: url("../images/zhixin-team3.jpg");
}

.aboutus .fourth-sec .team-wrap .team-innerwrap .txtwrap {
    width: 100%;
    padding: 1rem 0.5rem 0.5rem;
    font-size: 0.36rem;
}

@media only screen and (max-width:992px) {
    .aboutus .fourth-sec .team-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .aboutus .fourth-sec .team-wrap .team-innerwrap {
        margin-left: 0;
        margin-bottom: 1.2rem;
    }
}

@media only screen and (max-width:767px) {
    .aboutus .fourth-sec .team-wrap .team-innerwrap .txtwrap {
        font-size: 0.4rem;
    }
}

.aboutus .site-map h2 {
    text-align: center;
}

.aboutus .site-map {
    background: url("../images/zhixin-sitesbg.png") center/100% auto no-repeat;
}

.contactus .site-map {
    background: url("../images/zhixin-sitesbg.png") center/100% auto no-repeat;
}

.site-map {
    width: 100%;
    background-color: rgba(212, 212, 212, 0.2);
    padding: 1rem 0;
}

.site-map .site-img {
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
    height: 53.7857vw;
    max-height: 790px;
    text-align: center;
    justify-content: center;
    /* background: url("../images/zhixin-sites.png") center/100% auto no-repeat; */
}

@media screen and (max-width:992px) {
    .site-map .site-img {
        height: 53.8vw;
        max-height: 538px;
    }
    .site-map .site-img {
        background: url("../images/zhixin-sites2.png") center/100% auto no-repeat;
    }
}

@media screen and (max-width:767px) {
    .site-map .site-img {
        height: 53.8158vw;
        max-height: 409px;
    }
    .site-map .site-img {
        background: url("../images/zhixin-sites3.png") center/100% auto no-repeat;
    }
}

.aboutus .fifth-sec {
    padding: 1.2rem 0 4rem;
}

.aboutus .fifth-sec .ttl {
    text-align: center;
    font-size: 37px;
    font-weight: 600;
    color: #333;
    padding-bottom: 50px;
}

.aboutus .fifth-sec .asso-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
}

.aboutus .fifth-sec .asso-wrap p {
    max-width: 320px;
    align-items: center;
}

.aboutus .fifth-sec .asso-wrap p img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .aboutus .fifth-sec .asso-wrap {
        flex-flow: column;
    }
    .aboutus .fifth-sec .asso-wrap p {
        margin-top: 1rem;
    }
    .aboutus .fifth-sec .asso-wrap p:first-of-type {
        margin-top: 0;
    }
}


/*About Us Page*/


/*News Page*/

.news h2 {
    font-weight: 700;
    color: #333;
    text-align: center;
    padding-bottom: 0.6rem;
}

.news .top-sec {
    background: url("../images/zhixin-newsbg.png") center/cover no-repeat;
}

.news .top-sec .atf-wrap {
    justify-content: center;
}

.news .top-sec .atf-wrap h1 {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 3px 3px 2px #969696;
}

@media screen and (max-width:992px) {
    .news .top-sec {
        width: 100%;
        height: 40.4vw;
        max-height: 404px;
        background: url("../images/zhixin-newsbg2.png") center/cover no-repeat;
    }
}

.news .second-sec {
    padding: 1.4rem 0 2rem;
}

.news .second-sec h3 {
    text-align: center;
    color: #333;
    font-size: 0.4rem;
    padding: 0 0.2rem;
    max-width: 920px;
    margin: 0 auto;
}

.news .second-sec .news-wrap {
    max-width: 1270px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.news .second-sec .news-wrap .news {
    width: 100%;
    max-width: 569px;
    margin-top: 1.4rem;
}

.news .second-sec .news-wrap .news.mrg-lft {
    margin-left: 1.4rem;
}

.news .second-sec .news-wrap .news .imgwrap {
    width: 100%;
    max-width: 576px;
    max-height: 324px;
    text-align: center;
    overflow: hidden;
    border: solid 1px #f1f1f1;
    border-bottom: none;
}

.news .second-sec .news-wrap .news .imgwrap img {
    /* ratio should be 16:9 */
    width: 100%;
    object-fit: scale-down;
}

.news .second-sec .news-wrap .news .txtwrap {
    border: solid 1px #f1f1f1;
    border-top: none;
    position: relative;
}

.news .second-sec .news-wrap .news .txtwrap .ttl-wrap {
    padding: 0.5rem 0.9rem 1.8rem;
    font-size: 0.36rem;
    font-weight: 600;
    color: #333;
    border-bottom: solid 1px #f1f1f1;
}

.news .second-sec .news-wrap .news .txtwrap .btm-sec {
    padding: 0.5rem 0.9rem;
    font-size: 0.32rem;
}

.news .second-sec .news-wrap .news .txtwrap .btm-sec .rl-date {
    color: #777;
    padding-right: 0.5rem;
}

.news .second-sec .news-wrap .news .txtwrap .btm-sec .news-status {
    color: #15bf81;
    font-weight: 600;
}

.news .second-sec .news-wrap .news .txtwrap .viw-btn {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #083cab;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.36rem;
    color: #fff;
    right: 0.5rem;
    bottom: 0.66rem;
    transition: all 450ms;
}

.news .second-sec .news-wrap .news .txtwrap .viw-btn:hover {
    border: solid 1px #083cab;
    background: #fff;
    color: #083cab;
}

.news .second-sec .view-more {
    background: #fec537;
    font-size: 0.48rem;
    color: #0e486e;
    width: 100%;
    max-width: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2rem;
    border-radius: 0.6rem;
    font-weight: 700;
    border: solid 1px #fec537;
    transition: all 450ms;
    margin: 3rem auto 1.4rem;
}

.news .second-sec .view-more:hover {
    background: transparent;
    color: #fec537;
}

@media only screen and (max-width: 1260px) {
    .news .second-sec .news-wrap {
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }
    .news .second-sec .news-wrap .news {
        flex: 100%;
    }
    .news .second-sec .news-wrap .news.mrg-lft {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .news .second-sec .news-wrap .news .imgwrap {
        height: calc((100vw - 0.4rem) * 0.625);
        max-height: 355px;
    }
    .news .second-sec .news-wrap .news .txtwrap {
        font-size: 0.36rem;
    }
    .news .second-sec .news-wrap .news .txtwrap .ttl-wrap {
        font-size: 0.4rem;
    }
    .news .second-sec .news-wrap .news .txtwrap .btm-sec {
        font-size: 0.36rem;
    }
}


/*News Page*/


/*News Article Page*/

.newsarticle .top-sec {
    background: url("../images/zhixin-newsbg.png") center/cover no-repeat;
}

.newsarticle .top-sec .atf-wrap {
    justify-content: center;
}

.newsarticle .top-sec .atf-wrap h1 {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 3px 3px 2px #969696;
}

@media screen and (max-width:992px) {
    .newsarticle .top-sec {
        width: 100%;
        height: 40.4vw;
        max-height: 404px;
        background: url("../images/zhixin-newsbg2.png") center/cover no-repeat;
    }
}

.newsarticle .second-sec {
    padding: 1.4rem 0;
}

.newsarticle .second-sec h2 {
    font-size: 0.6rem;
    color: #333;
    font-weight: 700;
    text-align: center;
}

.newsarticle .second-sec .article-wrap {
    padding-top: 1rem;
}

.newsarticle .second-sec .article-wrap .artcl-info {
    color: #222;
    padding-bottom: 0.5rem;
}

.newsarticle .second-sec .article-wrap .artcl-info .rels-date {
    padding-left: 1.1rem;
    position: relative;
}

.newsarticle .second-sec .article-wrap .artcl-info .rels-date::before {
    font-family: "Font Awesome 5 Free";
    font-size: 0.32rem;
    content: "\f073";
    color: #222;
    margin-right: 0.2rem;
}

.newsarticle .second-sec .article-wrap .artcl-img {
    max-width: 600px;
    margin: 0 auto;
}

.newsarticle .second-sec .article-wrap img {
    width: 100%;
}

.newsarticle .second-sec .article-wrap .body-txt {
    font-size: 0.36rem;
    color: #222;
    padding-top: 0.3rem;
    text-align: justify;
}

.newsarticle .second-sec .article-wrap .highlight-txt {
    font-size: 0.8rem;
    font-weight: 700;
    color: #333;
    padding: 0.3rem 0.8rem;
    margin: 0.6rem 0 0.2rem;
    position: relative;
}

.newsarticle .second-sec .article-wrap .highlight-txt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #083cab;
}

.newsarticle .second-sec .social-wrap {
    margin: 0.8rem 0 0;
    padding: 0.6rem 0;
    border-top: solid 1px #ededed;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.newsarticle .second-sec .social-wrap p {
    font-weight: 700;
    color: #333;
    font-size: 0.4rem;
}

.newsarticle .second-sec .social-wrap a {
    width: 0.6rem;
    height: 0.6rem;
    margin-left: 0.4rem;
}

.newsarticle .second-sec .social-wrap i {
    font-size: 0.52rem;
}

.newsarticle .second-sec .social-wrap a img {
    width: 100%;
}


/*News Article Page*/


/*Contact Us Page*/

.contactus .top-sec {
    background: url("../images/zhixin-contactus.jpg") center/cover no-repeat;
}

.contactus .top-sec .atf-wrap {
    justify-content: center;
}

.contactus .top-sec .atf-wrap h1 {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 3px 3px 2px #969696;
}

@media screen and (max-width:992px) {
    .contactus .top-sec {
        width: 100%;
        height: 42.8vw;
        max-height: 428px;
        background: url("../images/zhixin-contactus2.jpg") center/cover no-repeat;
    }
}

.contactus .second-sec .office-wrap {
    margin: 0 auto;
    max-width: 1270px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.contactus .second-sec .office-wrap .office {
    max-width: 592px;
    width: 100%;
    height: 100%;
    margin-top: 1.4rem;
    box-shadow: 7px 7px 5px 0px rgba(164, 162, 162, 0.75);
    -webkit-box-shadow: 7px 7px 5px 0px rgba(164, 162, 162, 0.75);
    -moz-box-shadow: 7px 7px 5px 0px rgba(164, 162, 162, 0.75);
}

.contactus .second-sec .office-wrap .office .imgwrap {
    width: 100%;
    height: 333px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../images/hqbg.jpg") center/cover no-repeat;
}

.contactus .second-sec .office-wrap .office .imgwrap h3 {
    font-size: 0.72rem;
    color: #fbfcfd;
    font-weight: 700;
    text-align: center;
}

.contactus .second-sec .office-wrap .office .office2 {
    background-image: url("../images/rd1.jpg");
}

.contactus .second-sec .office-wrap .office .office3 {
    background-image: url("../images/rd2.jpg");
}

.contactus .second-sec .office-wrap .office .office4 {
    background-image: url("../images/rd3.jpg");
}

.contactus .second-sec .office-wrap .office .office5 {
    background-image: url("../images/sales1.jpg");
}

.contactus .second-sec .office-wrap .office .office6 {
    background-image: url("../images/sales2.jpg");
}

.contactus .second-sec .office-wrap .office .txtwrap {
    width: 100%;
    min-height: 3.5rem;
    padding: 0.5rem;
    font-size: 0.36rem;
    border: solid 1px #f1f1f1;
    text-align: center;
}

.contactus .second-sec .office-wrap .office .txtwrap h4 {
    font-size: 0.36rem;
    font-weight: 700;
    color: #333;
}

.contactus .second-sec .office-wrap .office .txtwrap .ttl {
    font-size: 0.32rem;
    color: #333;
    font-weight: 600;
    padding: 0.4rem 0 0.14rem;
    text-align: left;
}

.contactus .second-sec .office-wrap .office .txtwrap .txt {
    font-size: 0.32rem;
    color: #333;
    text-align: left;
}

/* contactus info-wrap */
.contactus .second-sec .info-wrap {
    width: 100%;
    max-width: 1270px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* padding-bottom: 1.5rem; */
}

.contactus .second-sec .info-wrap .info {
    max-width: 440px;
    width: 100%;
    padding: 0.4rem 0.6rem;
    border: solid 1px #f1f1f1;
    border-bottom: solid 3px #1879bf;
    box-shadow: 0px 0px 7px 4px rgba(69, 67, 67, 0.75);
    -webkit-box-shadow: 0px 0px 7px 4px rgba(69, 67, 67, 0.75);
    -moz-box-shadow: 0px 0px 7px 4px rgba(69, 67, 67, 0.75);
    min-height: 2.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.contactus .second-sec .info-wrap .info i {
    font-size: 0.96rem;
}

.contactus .second-sec .info-wrap .info .txt {
    font-size: 0.32rem;
    color: #333;
    padding-left: 0.6rem;
}

.contactus .second-sec .info-wrap .info .txt h4 {
    font-weight: 700;
    padding-bottom: 0.2rem;
}

@media screen and (max-width:1260px) {
    .contactus .second-sec .office-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .contactus .second-sec .office-wrap .office {
        flex: 1;
        max-height: auto;
    }
}

@media screen and (max-width:992px) {
    .contactus .second-sec .info-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .contactus .second-sec .info-wrap .info:not(:first-child) {
        margin-top: 1.4rem;
    }
}

@media screen and (max-width:767px) {
    .contactus .second-sec .office-wrap .office .imgwrap {
        height: calc((100vw - 0.4rem) * 0.625);
        max-height: 375px;
    }
    .contactus .second-sec .office-wrap .office .txtwrap,
    .contactus .second-sec .office-wrap .office .txtwrap h4 {
        font-size: 0.4rem;
    }
    .contactus .second-sec .office-wrap .office .txtwrap .ttl,
    .contactus .second-sec .office-wrap .office .txtwrap .txt {
        font-size: 0.36rem;
    }
    .contactus .second-sec .info-wrap .info .txt {
        font-size: 0.36rem;
    }
    .contactus .second-sec .info-wrap .info .txt h4 {
        font-size: 0.4rem;
    }
}


/*Contact Us Page*/


/*Footer*/

footer {
    background: #0c2f68;
    padding: 1.2rem 0 0.6rem 0;
    color: #fff;
}

footer .ftr-wrap {
    max-width: 1400px;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin: 0 auto;
}

footer .ftr-wrap>div {
    width: auto;
}

footer .ftr-wrap .ftr-wrap1 .foot-menu li {
    margin-bottom: 0.4rem;
}

footer .ftr-wrap .ftr-wrap1 .foot-menu li a {
    font-size: 0.4rem;
}

footer .ftr-wrap .ftr-wrap2 .line {
    display: none;
    margin: 0 0.12rem;
}

footer .ftr-wrap .ttl {
    font-size: 0.4rem;
    padding-bottom: 0.2rem;
}

footer .ftr-wrap .desc {
    margin-top: 0.2rem;
}

footer .ftr-wrap .ftr-wrap1 .foot-menu li a:hover,
footer .ftr-wrap .desc a:hover {
    text-decoration: underline;
}

footer .ftr-wrap .social-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-top: 0.2rem;
}

footer .ftr-wrap .social-wrap a {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #4a5b7a;
    margin-left: 0.2rem;
    transition: all 300ms;
}

footer .ftr-wrap .social-wrap a:first-of-type {
    margin-left: 0;
}

footer .ftr-wrap .social-wrap a:hover {
    transform: scale(1.1);
}

footer .ftr-filing {
    font-size: 0.28rem;
    margin-top: 0.8rem;
}

footer .ftr-filing ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .ftr-filing ul .line {
    margin: 0 0.12rem;
}

@media only screen and (max-width: 767px) {
    footer .ftr-wrap {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    footer .ftr-wrap>div {
        margin-top: 0.8rem;
    }
    footer .ftr-wrap>div:first-child {
        margin-top: 0;
    }
    footer .ftr-wrap .ftr-wrap1 .foot-menu {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    footer .ftr-wrap .ftr-wrap1 .foot-menu li {
        margin-left: 0.6rem;
        margin-bottom: 0;
    }
    footer .ftr-wrap .ftr-wrap1 .foot-menu li:first-child {
        margin-left: 0;
    }
    footer .ftr-wrap .ttl {
        display: none;
    }
    footer .ftr-wrap .ftr-wrap2 ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    footer .ftr-wrap .ftr-wrap2 .line {
        display: block;
    }
    footer .ftr-wrap .desc {
        margin-top: 0;
        font-size: 0.36rem;
    }
    footer .ftr-filing ul {
        flex-direction: column;
        font-size: 0.32rem;
    }
    footer .ftr-filing ul li {
        margin-bottom: 0.2rem;
    }
    footer .ftr-filing ul .line {
        display: none;
    }
    footer .ftr-wrap .ftr-wrap3 {
        display: none;
    }
}


/*Footer*/

.training .top-sec {
    background: url("../images/trainingbg.jpg") center/cover no-repeat;
}

.training .top-sec .atf-wrap {
    justify-content: center;
}

.training .top-sec .atf-wrap h1 {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 3px 3px 2px #969696;
}

@media screen and (max-width:992px) {
    .training .top-sec {
        width: 100%;
        height: 44.4vw;
        max-height: 444px;
        background: url("../images/trainingbg2.jpg") center/cover no-repeat;
    }
}

.training .second-sec {
    padding: 1.2rem 0;
}

.training .second-sec h2 {
    color: #333;
    text-align: center;
    padding-bottom: 1.4rem;
}

.training .second-sec h3 {
    font-weight: 700;
    color: #333;
    text-align: center;
    padding: 0.8rem 0;
}

.training .second-sec .academy-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.2rem;
}

.training .second-sec .academy-wrap .lft-wrap {
    text-align: center;
}

.training .second-sec .academy-wrap .lft-wrap,
.training .second-sec .academy-wrap .rgt-wrap {
    flex: 1;
    max-width: 700px;
}

.training .second-sec .academy-wrap .lft-wrap img {
    width: 80%;
}

.training .second-sec .academy-wrap .rgt-wrap p {
    color: #333;
    font-size: 0.36rem;
    padding-bottom: 0.4rem;
    text-align: justify;
    line-height: 1.8;
}

.training .second-sec .training-cat .services-wrap {
    padding-bottom: 0.4rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.training .second-sec .training-cat .services-wrap .training-services {
    flex: 1;
    max-width: 400px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.3);
}

.training .second-sec .training-cat .services-wrap .training-services:not(:first-child) {
    margin-left: 0.2rem;
}

.training .second-sec .training-cat .services-wrap .training-services p {
    font-size: 0.4rem;
    font-weight: 600;
    padding: 0.8rem 0.2rem;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 0.5rem;
}

.training .second-sec .training-cat .services-wrap .training-services .low-text {
    font-size: 0.36rem;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 0.5rem;
}

.training .second-sec .training-cat .training-services .training-img {
    width: 100%;
}

.training .second-sec .training-cat .training-services img {
    width: 100%;
}

.training .second-sec .training-cat .courses-list {
    margin-top: 1.2rem;
}

.training .second-sec .training-cat .training-courses {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row-reverse;
}

.training .second-sec .training-cat .training-courses .lft-wrap,
.training .second-sec .training-cat .training-courses .rgt-wrap {
    flex: 1;
    max-width: 600px;
}

.training .second-sec .training-cat .training-courses .lft-wrap img {
    width: 100%;
}

.training .second-sec .training-cat .training-courses .rgt-wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
}

.training .second-sec .training-cat .training-courses .rgt-wrap ul li {
    margin-bottom: 0.4rem;
    font-size: 0.4rem;
    flex: 50%;
    text-align: start;
}

.training .second-sec .training-cat .training-courses .rgt-wrap ul li i {
    color: #1ef0a4;
    margin-right: 0.16rem;
    font-size: 0.32rem;
}

@media screen and (max-width:992px) {
    .training .second-sec .academy-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .training .second-sec .academy-wrap .rgt-wrap {
        margin-top: 1rem;
        padding: 0 0.3rem;
    }
    .training .second-sec .training-cat .services-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .training .second-sec .training-cat .services-wrap .training-services {
        margin-bottom: 1.4rem;
    }
    .training .second-sec .training-cat .training-courses {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .training .second-sec .training-cat .training-courses .rgt-wrap {
        margin-top: 1.2rem;
    }
}


/* ---------- */

.training .third-sec {
    padding: 1.2rem 0;
}

.training .third-sec h3 {
    text-align: center;
    color: #333;
    font-weight: 700;
    padding-bottom: 1rem;
}

.training .third-sec .training-prog {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    vertical-align: middle;
}

.training .third-sec .training-prog .training-header {
    font-size: 0.4rem;
    font-weight: 600;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    padding: 0.2rem 0;
}

.training .third-sec .training-prog .training-list {
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
}

.training .third-sec .training-prog .training-list td {
    padding: 0.2rem 0;
}

.training .third-sec .training-prog .training-list .training-more-btn {
    color: #fff;
    background: #083cab;
    font-size: 0.36rem;
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.2rem;
    transition: all 300ms;
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 2.4rem;
}

.training .third-sec .training-prog .training-list .training-content .training-more-btn:hover {
    background: transparent;
    color: #083cab;
}

.training .third-sec .training-prog .training-details {
    border-bottom: 1px solid #e8e8e8;
    height: auto;
    width: 100%;
}

.training .third-sec .training-prog .training-details td {
    width: 100%;
    max-width: 1200px;
}

.training .third-sec .training-prog .training-details ul {
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    flex-wrap: wrap;
    margin: 0.4rem auto;
}

.training .third-sec .training-prog .training-details ul li {
    flex: 50%;
    margin-bottom: 0.2rem;
    text-align: start;
    padding-left: 5%;
}

.training .third-sec .training-prog .training-details ul li i {
    color: #2c396a;
    margin-right: 0.16rem;
}

@media screen and (max-width:767px) {
    .training .third-sec .training-prog .training-list td {
        padding: 0.2rem 0.1rem;
    }
    .training .third-sec .training-prog .training-list .training-content .training-more-btn {
        text-align: center;
        display: flex;
        line-height: 1.2;
        align-items: center;
        justify-content: center;
    }
}

.show-info {
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
}

.show-info .lrn-mor {
    display: block;
    background: #fec537;
    font-size: 0.4rem;
    color: #0e486e;
    width: 100%;
    max-width: 5rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 0.6rem;
    border: solid 1px #fec537;
    transition: all 450ms;
    text-align: center;
    margin-top: 0.2rem;
    font-weight: 600;
    margin: 0 auto;
}

.show-info .lrn-mor:hover {
    background: transparent;
    color: #083cab;
}


/* ----------------- */

.techday .top-sec {
    background: url("../images/techdaybg.jpg") center/cover no-repeat;
}

.techday .top-sec .atf-wrap {
    flex-direction: column;
    justify-content: center;
}

.techday .top-sec .atf-wrap h1 {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 3px 3px 2px #969696;
}

.techday .top-sec .atf-wrap h2 {
    font-size: 0.48rem;
    color: #fff;
    font-weight: 700;
    padding: 0.4rem 0.4rem 0 0.4rem;
}

.techday .top-sec .atf-wrap h3 {
    margin-top: 1rem;
    color: #fff;
}

@media screen and (max-width:992px) {
    .techday .top-sec {
        width: 100%;
        height: 42.1vw;
        max-height: 421px;
        background: url("../images/techdaybg2.jpg") center/cover no-repeat;
    }
    .techday .top-sec .atf-wrap h3 {
        margin-top: 0.3rem;
    }
}

.techday .second-sec {
    padding: 1.2rem 0;
}

.techday .second-sec h2 {
    text-align: center;
    color: #333;
    font-weight: 700;
    padding-bottom: 1rem;
}

.techday .second-sec .sec-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.4rem;
}

.techday .second-sec .sec-wrap .lft-wrap,
.techday .second-sec .sec-wrap .rgt-wrap {
    flex: 1;
    max-width: 700px;
}

.techday .second-sec .sec-wrap .lft-wrap img {
    width: 100%;
}

.techday .second-sec .sec-wrap .rgt-wrap h3 {
    font-size: 0.4rem;
    font-weight: 600;
    line-height: 2;
}

.techday .second-sec .sec-wrap .rgt-wrap p {
    text-align: justify;
    font-size: 0.4rem;
    padding: 0 0.6rem 0.6rem 0.6rem;
}

.techday .second-sec .techday-plan {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    vertical-align: middle;
}

.techday .second-sec .techday-plan .techday-header {
    font-size: 0.4rem;
    font-weight: 600;
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
}

.techday .second-sec .techday-plan .techday-list {
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    padding: 0.2rem 0;
}

.techday .second-sec .techday-plan .techday-list td {
    padding: 0.2rem 0;
}

.techday .second-sec .techday-plan .techday-list .techday-content .techday-more-btn {
    color: #fff;
    background-color: #083cab;
    font-size: 0.36rem;
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.2rem;
    transition: all 300ms;
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 2.4rem;
}

.techday .second-sec .techday-plan .techday-list .techday-content .techday-more-btn:hover {
    background: transparent;
    color: #083cab;
}

.techday .second-sec .techday-plan .techday-details {
    padding-top: 0.2rem;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
}

.techday .second-sec .techday-plan .techday-details td {
    width: 100%;
    max-width: 1200px;
}

.techday .second-sec .techday-plan .techday-details ul {
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    flex-wrap: wrap;
    margin: 0.4rem auto;
}

.techday .second-sec .techday-plan .techday-details ul li {
    flex: 50%;
    margin-bottom: 0.2rem;
    text-align: start;
    padding-left: 5%;
}

.techday .second-sec .techday-plan .techday-details ul li i {
    color: #2c396a;
    margin-right: 0.16rem;
}

@media screen and (max-width:992px) {
    .techday .second-sec .sec-wrap {
        flex-direction: column;
        justify-content: center;
    }
    .techday .second-sec .sec-wrap .rgt-wrap {
        margin-top: 1rem;
    }
}

@media screen and (max-width:767px) {
    .techday .second-sec .techday-plan .techday-list td {
        padding: 0.2rem 0.1rem;
    }
    .techday .second-sec .techday-plan .techday-list .techday-content .techday-more-btn {
        text-align: center;
        display: flex;
        line-height: 1.2;
        align-items: center;
        justify-content: center;
    }
}

.policy .second-sec {
    padding: 1.2rem 0;
}

.policy .second-sec h1 {
    text-align: center;
    color: #333;
    padding-bottom: 1rem;
}

.policy .second-sec .stmt-wrap {
    max-width: 1200px;
    font-size: 0.4rem;
    margin: 0 auto;
}

.policy .second-sec .stmt-wrap h3 {
    padding-bottom: 0.4rem;
}

.policy .second-sec .stmt-wrap .stmt {
    margin-bottom: 1rem;
}

.policy .second-sec .stmt-wrap .stmt p {
    text-align: justify;
}


/* ---------------------------------- */

.srchpage .srch-sec {
    padding: 1.4rem 0;
}

.srchpage .srchlist-area {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.srchpage .srchlist-area .container_left {
    width: 70%;
}

.srchpage .srchlist-area .container_left h4 {
    margin-bottom: 0.2rem;
}

.srchpage .srchlist-area .txtbox-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.srchpage .srchlist-area .container_left .txtbox-wrap .srch-btn {
    background: #083cab;
    color: #fff;
    font-size: 0.36rem;
    font-weight: 700;
    height: 1.4rem;
    line-height: 1.4rem;
    width: 20%;
    border: solid 1 px #083cab;
    border-radius: 0;
}

.srchpage .srchlist-area .container_left .txtbox-wrap input {
    flex: 1;
    outline: none;
    height: 1.4rem;
    border: solid 1 px #d8d8d8;
    padding: 0.4rem;
    font-size: 0.36rem;
    color: #333;
}

.srchpage .srchlist-area .container_left .total-results {
    font-size: 0.36rem;
    color: #556576;
    padding: 0.5rem;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.srchpage .srchlist-area .container_left .total-results .mobl-srch {
    display: none;
}

.srchpage .srchlist-area .container_left .total-results .mobl-srch span {
    cursor: pointer;
}

.srchpage .srchlist-area .container_left .total-results .mobl-srch span i {
    margin-left: 0.2rem;
}

.srchpage .srchlist-area .container_left .total-results .mobl-srch .search-filter-container {
    display: none;
    position: absolute;
    left: 0;
    top: 1rem;
    background: #e8e8e8;
    width: 100%;
    padding-top: 0.5rem;
}

.srchpage .srchlist-area .container_left .total-results .mobl-srch .search-filter-container li {
    margin-bottom: 0.3rem;
    border-bottom: 1px solid #eee;
    padding: 0 0.5rem;
}

.srchpage .container_left .srch-listing-wrap .srch-listing .lft-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.36rem;
    border-bottom: 1px solid #ddd;
    padding: 1rem 0.4rem 0;
}

.srchpage .container_left .srch-listing-wrap .srch-listing .srch-type {
    color: #9e9e9e;
}

.srchpage .container_left .srch-listing-wrap .srch-listing .srch-title {
    text-decoration: underline;
}

.srchpage .container_left .srch-listing-wrap .srch-listing .srch-desc {
    color: #999aaa;
    font-size: 0.32rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 50%;
}

.srchpage .container_left .srch-listing-wrap .srch-listing .srch-det {
    color: #1a26c7;
}

.srchpage .container_right {
    width: 20%;
}

.srchpage .container_right .search-filter-header h3 {
    text-align: start;
    padding: 0.4rem 0;
}

.srchpage .container_right .search-filter-container li {
    margin-bottom: 0.3rem;
    border-bottom: 1px solid #eee;
    width: 100%;
}

@media screen and (max-width:992px) {
    .srchpage .srchlist-area {
        flex-direction: column;
        justify-content: center;
    }
    .srchpage .srchlist-area .container_left {
        width: 100%;
    }
    .srchpage .srchlist-area .container_left .total-results .mobl-srch {
        display: block;
    }
    .srchpage .container_left .srch-listing-wrap .srch-listing .lft-wrap {
        padding: 1rem 0 0;
    }
    .srchpage .container_right {
        display: none;
    }
    .srchpage .srchlist-area .txtbox-wrap {
        flex-direction: column;
    }
    .srchpage .srchlist-area .container_left .txtbox-wrap input {
        width: 100%;
    }
    .srchpage .srchlist-area .container_left .txtbox-wrap .srch-btn {
        margin-top: 1rem;
        min-width: 5rem;
    }
}


/* ------------ */

.page404 .tips-sec {
    padding: 1rem 0;
}

.page404 .tips-sec h1 {
    padding-bottom: 1rem;
}

.page404 .tips-sec h3 {
    padding-bottom: 0.4rem;
}

.page404 .tips-sec p {
    font-size: 0.36rem;
    padding-bottom: 0.4rem;
}

.page404 .tips-sec ul {
    list-style: inside;
}

.page404 .tips-sec ul li {
    font-size: 0.36rem;
    margin-bottom: 0.24rem;
}

.page404 .tips-sec ul li a {
    text-decoration: underline;
    color: #083cab;
    cursor: pointer;
}

.page404 .page-nav {
    padding-bottom: 1.2rem;
}

.page404 .page-nav h3 {
    padding-bottom: 0.4rem;
}

.page404 .page-nav ul {
    list-style: inside;
}

.page404 .page-nav ul li {
    margin-bottom: 0.24rem;
}

.page404 .page-nav ul li a {
    text-decoration: underline;
    color: #083cab;
    cursor: pointer;
}