@import "iconfont.css";

html {
    background-color: #fff;
}


html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

body {
    color: #666;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
    width: 100%;
    font-size: 14px;
}

ol, ul, li {
    list-style: none outside none;
}

* {
    /*-webkit-appearance: none;*/
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: normal;
    border: 0;
    -webkit-overflow-scrolling: touch;
    transition: all .2s;
}

:focus {
    outline: 0 none;
}

a {
    color: #666666;
    text-decoration: none;
}

a:hover {
    color: #f17f48;
    text-decoration: none;
}

a img {
    border: 0 none;
}

img {
    border: 0;
    vertical-align: middle;
    display: block;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #CBCBCB;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-1 {
    flex: 1;
}

.container {
    width: 1120px;
    margin: 0 auto;
}

.container-min {
    width: 1000px;
    margin: 0 auto;
}

/*top-nav*/
.top-nav {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 50;
    transition: all .6s;
}

.top-nav.nav-login {
    position: relative !important;
}

.top-nav.nav-fixed, .top-nav.nav-login {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.top-nav.nav-fixed .nav-menu .nav-menu-ele, .top-nav.nav-login .nav-menu .nav-menu-ele {
    color: #666;
}

.top-nav .nav-logo {
    height: 60px;
    width: 164px;
    display: inline-block;
    background: url("../images/logo-w.png") no-repeat;
    background-size: cover;
}

.top-nav.nav-fixed .nav-logo, .top-nav.nav-login .nav-logo {
    background: url("../images/logo.png") no-repeat;
    background-size: cover;
}

.top-nav .nav-menu {

    justify-content: center;
}

.top-nav .nav-menu .nav-menu-ele {
    line-height: 82px;
    border-top: 3px solid transparent;
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
    margin: 0 24px;
}

.top-nav .nav-menu .nav-menu-ele:nth-last-child(1) {
    margin-right: 0;
}

.top-nav .nav-menu .nav-menu-ele:hover {
    color: #ed8220;
}

.top-nav .nav-menu .nav-menu-ele.ative {
    color: #ed8220;
    border-top: 3px solid #ed8220;
}

.top-nav .nav-btns {

}

.top-nav .nav-btns .nav-btn-ele {
    border: 1px solid #fff;
    font-size: 14px;
    padding: 6px 16px;
    border-radius: 4px;
    margin-left: 16px;
    color: #fff;
}

.top-nav.nav-fixed .nav-btns .nav-btn-ele, .top-nav.nav-login .nav-btns .nav-btn-ele {
    border: 1px solid #f17f48;
    color: #f17f48;
}

.top-nav .nav-btns .nav-btn-ele:nth-child(1) {
    margin-left: 0px;
}

.top-nav .nav-btns .nav-btn-ele.active, .top-nav .nav-btns .nav-btn-ele:hover {
    background-color: #f17f48;
    border-color: #f17f48;
    color: #fff;
}

.top-nav .nav-btns .nav-btn-ele.active:hover {
    background-color: #ff6d27;
    border-color: #ff6d27;
}

/*index-banner*/
.index-banner .swiper-wrapper {
    height: 458px;
    width: 100%;
}

.index-banner .swiper-slide {
    height: 458px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.index-banner .swiper-slide .swiper-img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.index-banner .swiper-pagination-bullet {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    border-radius: 12px;
    opacity: 1;
    background: none;
}

.index-banner .swiper-pagination-bullet-active {
    background: #fff;
}

/*bottom-copyright*/
.bottom-footer {
    background-color: #22252c;
}

.bottom-footer .footer-tips {
    padding-top: 50px;
    padding-bottom: 32px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
}

.bottom-footer .footer-tips .footer-tip-ele {
    width: 100%;
    justify-content: center;
}

.bottom-footer .footer-tips .footer-tip-ele img {
    width: 64px;
}

.bottom-footer .footer-address {
    padding: 40px 0;

}

.bottom-footer .footer-address .address-left {
    padding-right: 30px;
}

.bottom-footer .footer-address .address-left p {
    font-size: 16px;
    color: #fff;
    margin: 8px 0;
}

.bottom-footer .footer-address .address-ercode {
    font-size: 14px;
    color: #fff;
}

.bottom-footer .footer-address .address-ercode img {
    width: 110px;
    height: 110px;
    padding: 6px;
    background-color: #fff;
    margin: 10px 0;
}

.bottom-footer .footer-friendship {
    color: #fff;
    padding-bottom: 40px;
    align-items: flex-start;

}

.bottom-footer .footer-friendship > span {
    font-size: 16px;
    line-height: 28px;
    opacity: .8;
}

.bottom-footer .footer-friendship .friendship-link {
    flex-wrap: wrap;

}

.bottom-footer .footer-friendship .friendship-link a {
    width: auto;
    color: #fff;
    margin-right: 18px;
    line-height: 28px;
}

.bottom-footer .footer-friendship .friendship-link a:hover {
    color: rgba(255, 255, 255, .8);
}

.bottom-footer .footer-copyright {
    background-color: #16171c;
    color: hsla(0, 0%, 100%, .5);
    text-align: center;
    padding: 34px 0;
}

/*container*/

.compared-title {
    justify-content: center;

}

.compared-title .compar-tit {
    align-items: center;
    color: #111;
    padding: 0 36px;
}

.compared-title:after, .compared-title:before {
    width: 175px;
    height: 1px;
    background-color: #ddd;
    display: inline-block;
    content: "";
}

.compared-title .compar-tit span {
    font-size: 24px;
}

.compared-title .compar-tit h3 {
    font-size: 40px;
    font-weight: normal;
}

.compared-title.inside-page .compar-tit span {
    font-size: 16px;
    color: #999;
}

.white-tit .compared-title .compar-tit {
    color: #fff !important;
}

.white-tit .compared-title.inside-page .compar-tit span {
    color: rgba(255, 255, 255, .6);
}

.compared .compared-ele-cont {
    padding: 40px 0 0px;

}

.compared .compared-ele-cont .compared-ele {
    align-items: center;
    width: 50%;
    padding: 0 30px;
}

.compared .compared-ele-cont .compared-ele:nth-child(1) {
    padding-left: 0;
}

.compared .compared-ele-cont .compared-ele:nth-last-child(1) {
    padding-right: 0;
}

.compared .compared-ele-cont .compared-ele .compared-ele-tit {
    background-color: #fff;
    border-radius: 50px;
    font-size: 30px;
    line-height: 60px;
    color: #f17f48;
    position: relative;
    z-index: 10;
    padding: 0 30px;
    box-shadow: 0 -6px 6px rgba(0, 0, 0, .02);
}

.compared .compared-ele-cont .compared-ele .compared-ele-conts {
    padding: 50px 0 0;
    border-radius: 50px;
    box-shadow: 0px 10px 10px #d8f1f7;
    width: 100%;
    margin-top: -30px;
    /*background: #55ceea;*/
    background-color: #209a95;
    background: -webkit-gradient(linear, left top, left bottom, from(#5aac7b), to(#209a95));
    background: -webkit-linear-gradient(top, #5aac7b, #209a95);
    background: -moz-linear-gradient(top, #5aac7b, #209a95);
    background: -ms-linear-gradient(top, #5aac7b, #209a95);
    background: -o-linear-gradient(top, #5aac7b, #209a95);
    background: linear-gradient(top, #5aac7b, #209a95);
}

.compared .compared-ele-cont .compared-ele .compared-ele-conts img {
    margin: 20px auto;
    height: 200px;
}

.compared .compared-ele-cont .compared-ele .compared-ele-conts ul {
    padding-left: 60px;
}

.compared .compared-ele-cont .compared-ele .compared-ele-conts li {
    list-style: disc;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}

/*program-main*/
.program-main {

}

.program-main .program-tit {
    font-size: 40px;
    font-weight: normal;
    color: #111;
    text-align: center;
}

.program-main .program-conts {
    padding-top: 40px;
    align-items: flex-start;
}

.program-main .program-conts .program-ele {

    width: calc((100% - 120px) / 3);
    flex-shrink: 0;
}

.program-main .program-conts .program-ele:nth-child(2) {
    margin: 0 60px;
}

.program-main .program-conts .program-ele .prom-cover {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    overflow: hidden;
    position: relative;
}

.program-main .program-conts .program-ele .prom-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.program-main .program-conts .program-ele .prom-texts {
    background-color: #f1f6f7;
    padding: 10px 10px 10px 20px;
    height: 183px;
}

.program-main .program-conts .program-ele .prom-texts b {
    font-size: 20px;
    color: #00a1e9;
    font-weight: normal;
}

.program-main .program-conts .program-ele .prom-texts p {
    font-size: 18px;
    color: #282c37;
    margin: 4px 0 10px;
}

.program-main .program-conts .program-ele .prom-texts ul {
    padding-left: 16px;

}

.program-main .program-conts .program-ele .prom-texts li {
    font-size: 14px;
    line-height: 24px;
    color: #282c37;
    list-style: disc;

}

.program-main .program-conts .program-ele .prom-texts li i {
    margin-right: 6px;
    font-size: 32px;
    line-height: 22px;
    color: #274c5e;
}

/*pro-highlight*/
.pro-highlight {
}

.pro-highlight .highlight-cont {
    padding: 40px 0px 0;
}

.pro-highlight .highlight-cont .highlight-ele {
    align-items: center;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14);
    border-radius: 4px;
    width: calc((100% - 120px) / 4);
    height: 270px;
    margin-right: 40px;
    overflow: hidden;
    position: relative;
}

.pro-highlight .highlight-cont .highlight-ele:after {
    content: "";
    width: 100%;
    height: 6px;
    background: rgba(255, 101, 98, .8);
    position: absolute;
    top: 0;
    left: 0;
}

.pro-highlight .highlight-cont .highlight-ele:nth-child(2n):after {
    background: rgba(34, 37, 44, .8);
}

.pro-highlight .highlight-cont .highlight-ele:nth-last-child(1) {
    margin-right: 0;
}

.pro-highlight .highlight-ele .iconfont {
    font-size: 60px;
    margin: 40px 0;
    color: #333;
}

.pro-highlight .highlight-ele h3 {
    color: #333;
    font-size: 20px;
    margin-bottom: 10px;
}

.pro-highlight .highlight-ele p {
    color: #666;
    font-size: 14px;
    text-align: center;
    padding: 0 20px;
}

/*security-pram*/
.security-pram {
}

.security-pram .security-pram-main {
    padding: 40px 0px 0;
}

.security-pram .security-pram-main .security-pram-ele {
    align-items: center;
    width: calc((100% - 120px) / 4);
    margin-right: 40px;
}

.security-pram .security-pram-main .security-pram-ele:nth-last-child(1) {
    margin-right: 0px;
}

.security-pram .security-pram-main .security-pram-ele .security-ele-img {
    width: 220px;
    height: 220px;
}

.security-pram .security-pram-main .security-pram-ele b {
    font-size: 20px;
    margin: 24px 0 10px;
    color: #333;
}

.security-pram .security-pram-main .security-pram-ele p {
}

/*partner-main*/
.partner-main {
    flex-wrap: wrap;
    padding-top: 10px;
}

.partner-main .partner-ele {
    background: #fff;
    width: calc((100% - 120px) / 3);
    border: 1px solid #eee;
    margin-right: 60px;
    justify-content: center;
    padding: 28px 0;
    margin-top: 30px;
    cursor: pointer;
}

.partner-main .partner-ele:nth-child(3n) {
    margin-right: 0;
}

.partner-main .partner-ele img {
    height: 60px;
}

.application-bg {
    background: url("../images/citybg.jpg") repeat-x left center;

}

.application-cont {
}

.application-cont .application-text {
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    color: #000;
    margin-top: 40px;

}

.application-cont .application-text .applica-link {
    background: #f60;
    color: #fff;
    font-size: 24px;
    padding: 12px 40px;
    border-radius: 100px;
    display: inline-block;
    margin-top: 40px;
}

/*login-main*/
.login-main {
    padding: 60px 0;
    justify-content: center;
}

.login-main .login-content {
    width: 900px;
    height: 560px;
    box-shadow: 0 1px 20px 5px hsla(0, 0%, 78.4%, .2);
    align-items: flex-start;
}

.login-main .login-content .left-imgs {
    width: 436px;
    height: 100%;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.login-main .login-content .left-imgs img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.login-main .login-content .lo-conts {
    padding: 50px 60px 0;
}

.login-main .login-content .lo-conts .lo-conts-tit {
    justify-content: center;
}

.login-main .login-content .lo-conts .lo-conts-tit span {
    color: #ff6562;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 3px solid transparent;
    padding-bottom: 8px;
}

.login-main .login-content .lo-conts .lo-conts-tit span.active {
    border-bottom: 3px solid #ff6562;
}

.conts-form {
    padding-top: 30px;
}

.conts-form .conts-form-ele {
    width: 100%;
    margin-top: 24px;
}

.conts-form .cont-two-ele .conts-form-ele:nth-child(1) {
    margin-right: 10px;
}

.conts-form .cont-two-ele .conts-form-ele:nth-child(2) {
    margin-left: 10px;
}

.conts-form .conts-form-ele label {
    line-height: 30px;
}

.conts-form .conts-form-ele .form-ele-select {
    width: 100%;
}

.conts-form .conts-form-ele .form-ele-inputs {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    color: #606266;
    padding: 0 15px;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    display: inline-block;
}

.conts-form .conts-form-ele .form-ele-submit {
    width: 100%;
    border-radius: 4px;
    line-height: 42px;
    color: #fff;
    background-color: #f17f48;
    font-size: 16px;
    cursor: pointer;
}

.conts-form .conts-form-ele .form-ele-submit:active {
    opacity: .8;
}

.top-banner {
    width: 100%;
    height: 320px;
    overflow: hidden;
    position: relative;
}

.top-banner.high-banner {
    height: 420px;
}

.top-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-banner .top-banner-text {
    position: absolute;
    left: 50%;
    top: 58%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.top-banner .top-banner-text h3 {
    font-size: 36px;
    font-weight: normal;
}

.top-banner .top-banner-text p {
    font-size: 26px;
    margin-top: 10px;
}

/*current-position*/
.current-position {
    margin: 20px 0;
    font-size: 16px;
    border-left: 4px solid #f17f48;
    padding-left: 10px;
}

.current-position span {
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 720px;
}

.current-position b {
    color: #999;
    margin: 0 10px;
    font-weight: normal;

}

/*news-list*/
.news-list {
    border-top: 1px solid #eee;
}


.news-list .news-eles {
    align-items: flex-start;
}

.news-list .news-eles .news-data {
    color: #333;
    border-top: 5px solid #f17f48;
    width: 90px;
    flex-shrink: 0;
    align-items: center;
    margin-right: 100px;
    margin-top: 45px;
    padding-top: 10px;
}

.news-list .news-eles .news-data span {
    font-size: 40px;

}

.news-list .news-eles .news-data p {
    font-size: 18px;
}

.news-list .news-eles .news-conts {
    padding: 40px 0 40px;
    border-bottom: 1px solid #eee;
}

.news-list .news-eles .news-conts h3 {
    font-size: 28px;
    color: #333;
    font-weight: normal;
}

.news-list .news-eles .news-conts p {
    font-size: 16px;
    color: #999;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    margin-top: 10px;
}

.news-list .news-eles:hover .news-conts h3 {
    color: #f17f48;
}

/*general-purpose*/
.general-purpose {
    justify-content: center;
}

.general-purpose a {
    padding: 16px 12px;
    color: #919191;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    margin: 5px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 0;
}

.general-purpose a i {
    font-size: 18px;
    line-height: 0;
}

.general-purpose a:hover {
    background-color: #dcdcdc;
}

.general-purpose a.active {
    cursor: default;
    color: #fff;
    background-color: #f17f48;
    border-color: #f17f48;
}

.general-purpose a.disabled {
    cursor: default;
    color: #eee;
    background-color: #fefefe;
    border-color: #fafafa;
}

/*general-purpose:end*/


/*new-details*/
.news-detail-tit {
    padding: 20px 0;
    border-bottom: 1px solid #f1f1f1;
}

.news-detail-tit h1 {
    font-size: 36px;
    font-weight: normal;
    color: #333;
    padding-bottom: 10px;
    line-height: 1.2;
}

.news-detail-tit .news-stat {
    padding: 6px 0;
}

.news-detail-tit .news-stat .news-datas {
    color: #999;
}

.news-detail-tit .news-stat .news-datas a {
    margin-right: 10px;
}

.news-detail-tit .news-stat span {
    margin-right: 10px;
    font-size: 16px;
    color: #999;
}

.news-detail-tit .news-stat span i {
    font-size: 16px;
    color: #999;
    margin-right: 4px;
}

.news-descrip {
    background-color: #fafafa;
    padding: 20px;
    font-size: 14px;
    color: #999;
    margin-top: 20px;
}

.news-detail-content {
    padding-top: 20px;
}

.news-detail-content p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding: 8px 0;
}

.news-detail-content p img {
    max-width: 100%;
    min-width: 50%;
    margin: 0 auto;
}

.news-detail-content video {
    max-width: 100% !important;
}

.more-news {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 16px;
    border-top: 1px solid #eee;
    color: #999;
}

.more-news > div {
    margin-bottom: 10px;

}

.more-news > div:nth-last-child(1) {
    margin-bottom: 0;
}

.more-news > div span {
    flex-shrink: 0;
}

.more-news > div a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 800px;
}

/*question-title*/
.question-title {
    border-radius: 100px;
    background-color: #f6f6f6;
}

.question-title .iconfont {
    flex-shrink: 0;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    color: #fff;
    justify-content: center;
    font-size: 36px;
}

.question-title .iconquestion {
    background-color: #f17f48;
}

.question-title .iconservice {
    background-color: #24b3f5;
}

.question-title p {
    font-size: 26px;
    color: #111;
    padding-left: 30px;
}

.question-main {
    padding-left: 80px;
}

.question-main .question-ele {
    margin: 30px 0 0;

}

.question-main .question-ele .question-ele-tit {
    background-color: #f6f6f6;
    height: 40px;
    border-radius: 40px;
    padding: 0 20px;
    color: #333;
    font-size: 16px;
    margin-bottom: 16px;
    cursor: pointer;
}

.question-main .question-ele .question-ele-tit .iconnext {
    color: #bcbcbc;
    transform: rotate(90deg);
    transition: all .4s;
}

.question-main .question-ele .question-ele-tit.open .iconnext {
    transform: rotate(-90deg);
}

.question-main .question-ele .question-ele-text {
    padding: 0 30px 0 40px;
    font-size: 16px;
    display: none;
    line-height: 1.4;
}

.service-cont {
    font-size: 18px;
    padding-left: 90px;
    padding-top: 30px;
}

.service-cont p {
    margin-bottom: 20px;
}

.service-cont p i {
    font-size: 24px;
    flex-shrink: 0;
}

.service-cont p span {
    padding-left: 10px;
}

.about-main {
    align-items: flex-start;
}

.about-us-conts {
    padding-right: 80px;
}


.about-main .about-us p {
    line-height: 1.8;
    font-size: 16px;
    padding: 10px 0;
    border-bottom: 1px dashed #eee;
    text-align: justify;
}

.about-main .about-us p:nth-last-child(1) {
    border-bottom: 0;
}

.about-main .about-imgs {
    width: 300px;
    height: 520px;
    object-fit: cover;
    flex-shrink: 0;
    margin-top: 10px;
}

/*technology*/
.technology {
    align-items: flex-start;
}

.technology .technology-ele {
    align-items: center;
    width: 100%;
    padding: 0 30px;
}

.technology .technology-ele .iconfont {
    font-size: 80px;
    color: #55ceea;
}

.technology .technology-ele .technology-text {
    align-items: center;
}

.technology .technology-ele .technology-text h3 {
    font-size: 24px;
    font-weight: normal;
    color: #333;
    margin: 10px 0px;
}

.technology .technology-ele .technology-text p {
    color: #666;
    text-align: center;
}

.cooper-forms {
    width: 760px;
    margin: 0 auto;
}

.process-main {
    width: 595px;
    margin: 0 auto;
}

.process-main p {
    font-size: 24px;
    color: #f17f48;
}

.process-main p span {
    font-family: Impact;
    width: 28px;
    height: 28px;
    background-color: #f17f48;
    border-radius: 50%;
    flex-shrink: 0;
    display: block;
    text-align: center;
    line-height: 28px;
    color: #fff;
    margin-right: 10px;
    font-size: 18px;
}

.process-main p:nth-child(4n-1) span {
    background-color: #333;
}

.process-main p:nth-child(4n-1) {
    color: #333;
}

.process-main i {
    font-size: 32px;
    margin: 16px 0 16px 18px;
    color: #ddd;
}

.request-main-bg {
    background: url("../images/bg01.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}

.request-main-bg:after {
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    background: rgba(0, 0, 0, .8);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.request-main-bg .container {
    position: relative;
    z-index: 10;

}

.request-main {
    border: 6px solid rgba(255, 255, 255, .3);
    background-color: rgba(255, 255, 255, .1);
    border-radius: 36px;
    width: auto;
    margin: 60px auto 0;
    padding: 60px 100px;
}

.request-main p {
    color: #f17f48;
    font-size: 24px;
    line-height: 48px;
    padding: 24px 0 0;
}

.request-main p:nth-child(1) {
    padding-top: 0;
}

.request-main p span {
    font-family: Impact;
    margin-right: 10px;
    color: #fff;
    width: 42px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #f17f48;
    display: inline-block;
    border-left: 2px solid #fff;
}

.income-main {

}

.income-main .income-main-ele {
    align-items: center;
    width: calc((100% - 120px) / 3);

}

.income-main .income-main-ele:nth-child(2) {
    margin: 0 60px;
}

.income-main .income-main-ele .iconfont {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #f17f48;
    color: #fff;
    font-size: 50px;
    text-align: center;
    line-height: 100px;
    margin-bottom: -50px;
    position: relative;
    z-index: 20;
}

.income-main .income-main-ele .income-ele-text {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    padding: 80px 0 40px;
    position: relative;
    z-index: 10;
    box-shadow: 0 8px 12px rgba(0, 0, 0, .05);
    width: 100%;
}

.income-main .income-main-ele h3 {
    font-size: 24px;
    color: #111;
}

.income-main .income-main-ele p {
    font-size: 16px;
    color: #999;
    margin-top: 10px;
}

/*base*/
.p-left-20 {
    padding-left: 20px;
}

.p-left-30 {
    padding-left: 30px;
}

.p-bottom-20 {
    padding-bottom: 20px;
}

.p-bottom-30 {
    padding-bottom: 30px;
}

.p-bottom-40 {
    padding-bottom: 40px;
}

.p-bottom-60 {
    padding-bottom: 60px;
}

.p-top-20 {
    padding-top: 20px;
}

.p-top-40 {
    padding-top: 40px;
}

.p-top-60 {
    padding-top: 60px;
}

.p-lr-10 {
    padding-right: 10px;
    padding-left: 10px;
}

.p-lr-56 {
    padding-right: 56px;
    padding-left: 56px;
}

.p-tb-20 {
    padding-bottom: 20px;
    padding-top: 20px;
}

.p-tb-30 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.p-tb-40 {
    padding-bottom: 40px;
    padding-top: 40px;
}

.p-tb-60 {
    padding-bottom: 60px;
    padding-top: 60px;
}

.p-tb-80 {
    padding-bottom: 80px;
    padding-top: 80px;
}

.m-top-20 {
    margin-top: 20px;
}

.m-top-10 {
    margin-top: 10px;
}

.m-top-30 {
    margin-top: 30px;
}

.m-top-40 {
    margin-top: 40px;
}

.m-top-60 {
    margin-top: 60px;
}

.m-lr-20 {
    margin-right: 20px;
    margin-left: 20px;
}

.op-hide {
    opacity: 0 !important;
}

.white-bg {
    background-color: #fff;
}

.gray-bg {
    background-color: #fafafa;
}

.prompt-tips {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 20px;
    font-size: 14px;
    z-index: 999999;
}

/*2019-08-19*/
.top-nav .nav-btns .iconmenu {
    display: none;
}

/*media*/
@media screen and (max-width: 1024px) {
    * {
        transition: all 0s;
    }

    html {
        font-size: 62.5%;
    }

    body {
        font-size: 1.4rem;
    }

    .container {
        width: 100% !important;
        position: relative;
    }

    /*top-nav*/
    .top-nav {
        padding: .6rem .8rem;
    }

    .top-nav .nav-menu {
        position: absolute;
        display: none;
        right: 0rem;
        top: 4.4rem;
        background: rgba(0, 0, 0, .6);
        border-radius: .4rem;
        box-shadow: 0 .4rem .6rem rgba(0, 0, 0, .02);
        padding: 0 .6rem;
        width: 10rem;
    }

    .top-nav .nav-menu:after {
        position: absolute;
        content: "";
        display: block;
        right: 1rem;
        top: -.8rem;
        width: 0rem;
        height: 0rem;
        border-bottom: .8rem solid rgba(0, 0, 0, .6);
        border-left: .8rem solid transparent;
        border-right: .8rem solid transparent;
    }

    .top-nav .nav-menu .nav-menu-ele {
        display: block;
        line-height: 4rem;
        border-top: 0;
        color: #fff !important;
        font-size: 1.4rem;
        padding: 0 1.2rem;
        margin: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        width: 100%;
        text-align: center;
    }

    .top-nav .nav-menu .nav-menu-ele:nth-last-child(1) {
        border-bottom: 0;
    }

    .top-nav .nav-menu .nav-menu-ele.ative {
        color: #ed8220 !important;
        border-top: 0;
    }

    .nav-btns .log-adm {
        display: none;
    }

    .top-nav .nav-logo {
        width: 9.8rem;
        height: 3.6rem;
    }

    .top-nav .nav-btns {
        position: absolute;
        right: 0rem;
    }

    .top-nav .nav-btns .nav-btn-ele {
        font-size: 1.4rem;
        padding: .3rem .8rem;
        margin-left: 0;
    }

    .top-nav .nav-btns .iconmenu {
        display: block;
        font-size: 2.4rem;
        color: #fff;
        margin-left: 1.2rem;
        margin-right: .4rem;
    }

    .nav-login .nav-btns .iconmenu, .nav-fixed .nav-btns .iconmenu {
        color: #333;
    }

    /*top-nav:end*/
    .login-main {
        padding: 1.2rem;
    }

    .login-main .login-content {
        width: 100%;
        height: auto;
    }

    .login-main .login-content .lo-conts {
        padding: 2rem;
    }

    .conts-form {
        padding-top: 0;
    }

    .login-main .login-content .left-imgs {
        display: none;
    }

    .top-banner {
        height: 0 !important;
        overflow: hidden;
        padding-bottom: 40%;
    }

    .top-banner img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .top-banner .top-banner-text {
        left: 0%;
        top: 58%;
        transform: translate(0%, -50%);
        width: 100%;
    }

    .top-banner .top-banner-text h3 {
        font-size: 1.8rem;
    }

    .top-banner .top-banner-text p {
        font-size: 1.3rem;
        margin-top: .4rem;
    }

    /*compared-title*/
    .compared-title {
        padding: 0 1.2rem;
    }

    .compared-title .compar-tit {
        padding: 0 1.2rem;
    }

    .compared-title .compar-tit h3 {
        font-size: 2rem;
        text-align: center;
        max-width: 20rem;
    }

    .compared-title.inside-page .compar-tit span {
        font-size: 1.4rem;
    }

    .compared-title .compar-tit span {
        font-size: 1.4rem;
    }

    .compared-title:after, .compared-title:before {
        width: 4rem;
    }

    /*about-main*/
    .about-main .about-imgs {
        display: none;
    }

    .about-us-conts {
        padding: 0 1.2rem;
    }

    .about-main .about-us p {
        font-size: 1.4rem;
        padding: .6rem 0;
    }

    /*question-title*/
    .question-title .iconfont {
        height: 3.6rem;
        width: 3.6rem;
        font-size: 2.4rem;
    }

    .question-title p {
        font-size: 1.6rem;
        padding-left: 1.4rem;
    }

    .question-main {
        padding-left: 2rem;
    }

    .question-main .question-ele {
        margin: 1.4rem 0 0;
    }

    .question-main .question-ele .question-ele-tit {
        height: auto;
        border-radius: 3.6rem;
        padding: .8rem 1.6rem;
        font-size: 1.4rem;
        margin-bottom: .8rem;
    }

    .question-main .question-ele .question-ele-text {
        padding: 0 .6rem 0 1rem;
        font-size: 1.4rem;
    }

    /*service-cont*/
    .service-cont {
        font-size: 1.4rem;
        padding-left: 3.2rem;
        padding-top: 1.4rem;
    }

    .service-cont p {
        margin-bottom: 1rem;
    }

    /*bottom-footer*/
    .bottom-footer .footer-tips {
        padding-top: 2.4rem;
        padding-bottom: 1.6rem;
    }

    .bottom-footer .footer-tips .footer-tip-ele img {
        width: 3.6rem;
    }

    .bottom-footer .footer-address {
        padding: 2rem 1.2rem;
        flex-direction: column !important;
    }

    .bottom-footer .footer-address .address-left {
        padding-right: 0;
        text-align: center;
        margin-bottom: 1.6rem;
    }

    .bottom-footer .footer-address .address-left p {
        font-size: 1.4rem;
        margin: .4rem 0;
    }

    .bottom-footer .footer-friendship {
        display: none;
    }

    .bottom-footer .footer-copyright {
        padding: 1.6rem 1.4rem;
    }

    .container-min {
        width: 100%;
        padding: 0 1.2rem;
    }

    /*technology*/
    .technology {
        flex-wrap: wrap;
    }

    .technology .technology-ele {
        width: 50%;
        padding: 0 1.6rem;
        margin-bottom: 1.6rem;
    }

    .technology .technology-ele:nth-last-child(1), .technology .technology-ele:nth-last-child(2) {
        margin-bottom: 0;
    }

    .technology .technology-ele .iconfont {
        font-size: 6rem;
    }

    .technology .technology-ele .technology-text h3 {
        font-size: 1.6rem;
        margin: .6rem 0 0;
    }

    .technology .technology-ele .technology-text p {
        font-size: 1.1rem;
    }

    .process-main {
        width: 100%;
        padding: 0 1.2rem;
    }

    .process-main p {
        font-size: 1.4rem;
    }

    .process-main p span {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        margin-right: .8rem;
        font-size: 1.6rem;
    }

    .process-main i {
        font-size: 1.8rem;
        margin: .8rem 0 .8rem 1.6rem;
    }

    .request-main {
        border: .4rem solid rgba(255, 255, 255, .3);
        border-radius: 1.8rem;
        margin: 3rem 1.2rem 0;
        padding: 2rem;
        width: calc(100% - 2.4rem);
    }

    .request-main p {
        font-size: 1.4rem;
        line-height: 2.4rem;
        padding: 1.2rem 0 0;
    }

    .request-main p span {
        margin-right: .5rem;
        width: 2.2rem;
        height: 1.8rem;
        line-height: 1.8rem;
    }

    /*income-main*/
    .income-main {
        padding: 0 1.2rem;
        flex-wrap: wrap;
    }

    .income-main .income-main-ele {
        width: 100%;
    }

    .income-main .income-main-ele:nth-child(2) {
        margin: 1.8rem 0;
    }

    .income-main .income-main-ele .iconfont {
        width: 5rem;
        height: 5rem;
        font-size: 2.6rem;
        line-height: 5rem;
        margin-bottom: -2.5rem;
    }

    .income-main .income-main-ele .income-ele-text {
        border-radius: 1rem;
        padding: 4rem 0 2rem;
        box-shadow: 0 .4rem .6rem rgba(0, 0, 0, .05);
    }

    .income-main .income-main-ele h3 {
        font-size: 1.6rem;
    }

    .income-main .income-main-ele p {
        font-size: 1.2rem;
        margin-top: .6rem;
    }

    /*.cooper-forms*/
    .cooper-forms {
        width: 100%;
        padding: 0 1.2rem;
    }

    /*current-position*/
    .news-detail-main {
        padding: 0 1.2rem;
    }

    .current-position {
        margin: 1rem 1.2rem;
        font-size: 1.4rem;
        border-left: 4px solid #f17f48;
        padding-left: .6rem;
    }

    .news-detail-tit {
        padding: 1rem 0;
    }

    .news-detail-tit h1 {
        font-size: 2.4rem;
        padding-bottom: .6rem;
    }

    .news-descrip {
        padding: 1rem;
        font-size: 1.2rem;
        margin-top: 1rem;
    }

    .news-detail-content {
        padding-top: 1rem;
    }

    .news-detail-content p {
        font-size: 1.6rem;
        line-height: 1.6;
        padding: .4rem 0;
    }

    .more-news {
        margin-top: 1rem;
        font-size: 1.6rem;
        padding: 1rem 1.2rem 0;
    }

    .more-news > div a {
        max-width: 100%;
    }

    /*news-list*/
    .news-list {
        padding: 0 1.2rem;
    }

    .news-list .news-eles .news-data {
        border-top: .2rem solid #f17f48;
        width: 3.6rem;
        margin-right: 1.6rem;
        margin-top: 2.4rem;
        padding-top: .5rem;
    }

    .news-list .news-eles .news-data span {
        font-size: 2rem;
    }

    .news-list .news-eles .news-data p {
        font-size: 1.2rem;
    }

    .news-list .news-eles .news-conts {
        padding: 2rem 0 2rem;
    }

    .news-list .news-eles .news-conts h3 {
        font-size: 1.8rem;
        line-height: 1.2;
    }

    .news-list .news-eles .news-conts p {
        font-size: 1.4rem;
        -webkit-line-clamp: 3;
        margin-top: .6rem;
    }

    /*general-purpose*/
    .general-purpose a {
        padding: 1.2rem .8rem 1.1rem;
        margin: .3rem;
        border-radius: .3rem;
        font-size: 1.8rem;
    }

    .general-purpose a i {
        font-size: 1.8rem;
    }

    /*general-purpose:end*/
    /*index-banner*/
    .index-banner .swiper-wrapper {
        height: auto;
    }

    .index-banner .swiper-slide {
        height: 0;
        padding-bottom: 50%;
    }

    .index-banner .swiper-slide .swiper-img {
        width: 100%;
        left: 0%;
        transform: translate(0%, 0);
        object-fit: cover;
    }

    .index-banner .swiper-pagination-bullet {
        width: 1rem;
        height: 1rem;
        border-radius: 1rem;
    }

    /*compared*/
    .compared .compared-ele-cont {
        padding: 2rem 2rem 0px;
        flex-wrap: wrap;
    }

    .compared .compared-ele-cont .compared-ele {
        width: 100%;
        padding: 0;
        margin-bottom: 2.4rem;
    }

    .compared .compared-ele-cont .compared-ele:nth-last-child(1) {
        margin-bottom: 0;
    }

    .compared .compared-ele-cont .compared-ele .compared-ele-tit {
        border-radius: 6rem;
        font-size: 2rem;
        line-height: 3.6rem;
        padding: 0 2rem;
        box-shadow: 0 -6px 6px rgba(0, 0, 0, .02);
    }

    .compared .compared-ele-cont .compared-ele .compared-ele-conts {
        padding: 3rem 0 0;
        border-radius: 2.4rem;
        box-shadow: 0px .6rem .6rem #d8f1f7;
        margin-top: -1.8rem;
    }

    .compared .compared-ele-cont .compared-ele .compared-ele-conts ul {
        padding-left: 3.6rem;
        padding-right: 1.6rem;
    }

    .compared .compared-ele-cont .compared-ele .compared-ele-conts li {
        line-height: 1.4;
        font-size: 1.4rem;
        margin: .8rem 0 0;
    }

    .compared .compared-ele-cont .compared-ele .compared-ele-conts img {
        margin: 1rem auto;
        height: 10rem;
    }

    /*program-main*/
    .program-main .program-conts {
        padding: 2rem 2rem 0;
        flex-wrap: wrap;
    }

    .program-main .program-conts .program-ele {
        width: 90%;
        margin: 0 auto 2rem !important;
    }

    .program-main .program-conts .program-ele .prom-texts {
        padding: 1rem .5rem 1rem 1rem;
        height: auto;
    }

    .program-main .program-conts .program-ele .prom-texts b {
        font-size: 1.6rem;
    }

    .program-main .program-conts .program-ele .prom-texts p {
        font-size: 1.4rem;
        margin: .2rem 0 .6rem;
    }

    .program-main .program-conts .program-ele .prom-texts li {
        font-size: 1.2rem;
        line-height: 1.2;
        margin-top: .6rem;
    }

    .pro-highlight .highlight-cont {
        padding: 2rem .6rem 0;
        flex-wrap: wrap;
    }

    .pro-highlight .highlight-cont .highlight-ele {
        margin: 0 .6rem 1.2rem;
        width: calc(50% - 1.2rem);
        height: 21rem;
    }

    .pro-highlight .highlight-ele .iconfont {
        font-size: 5rem;
        margin: 2rem 0;
    }

    .pro-highlight .highlight-ele h3 {
        font-size: 1.8rem;
        margin-bottom: .6rem;
    }

    .pro-highlight .highlight-ele p {
        font-size: 1.4rem;
        padding: 0 1rem;
    }

    .security-pram .security-pram-main {
        padding: 2rem 0 0;
        flex-wrap: wrap;
    }

    .security-pram .security-pram-main .security-pram-ele {
        width: 80%;
        margin: 0 auto 2rem !important;
        background: #fff;
        padding: 1.8rem 0;
        border-radius: 1.6rem;
    }

    .security-pram .security-pram-main .security-pram-ele:nth-last-child(1) {
        margin-bottom: 0px !important;
    }

    .security-pram .security-pram-main .security-pram-ele .security-ele-img {
        width: 16rem;
        height: 16rem;
    }

    .security-pram .security-pram-main .security-pram-ele b {
        font-size: 1.6rem;
        margin: 1.2rem 0 .6rem;
    }


    .partner-main {
        padding: .6rem .6rem 0;
    }

    .partner-main .partner-ele {
        width: calc((100% - 2.4rem) / 2);
        padding-bottom: 14%;
        margin: 1.2rem .6rem 0;
        position: relative;
        height: 0;
        overflow: hidden;
    }

    .partner-main .partner-ele:nth-child(3n) {
        margin-right: .6rem;
    }

    .partner-main .partner-ele img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        width: 80%;
        height: auto;
    }

    .application-cont .application-text {
        font-size: 2rem;
        line-height: 1.2;
        margin-top: 2rem;
        padding: 0 2rem;
    }

    .application-cont .application-text .applica-link {
        font-size: 1.6rem;
        padding: .6rem 2rem;
        border-radius: 100px;
        margin-top: 2rem;
    }

    /*certify*/
    #certify {
        width: calc(100% - 2.4rem) !important;
        padding: 2rem 1.2rem 0;
    }

    #certify .swiper-slide {
        width: 80% !important;
        height: auto !important;
        box-shadow: 0 .4rem 1.2rem #ddd!important;
    }

    #certify .swiper-slide .slide-img {
        width: 100% !important;
        height: 0 !important;
        padding-bottom: 60% !important;
        position: relative !important;
        overflow: hidden !important;
    }

    #certify .swiper-slide .slide-img img {
        position: absolute;
        left: 0;
        top: 0;
    }

    #certify .swiper-slide p {
        padding: .2rem 1rem !important;
        font-size: 1.4rem !important;
        margin: .6rem 0 !important;
    }

    #certify .swiper-slide p span {
        display: none !important;
    }

    #certify .swiper-container {
        padding-bottom: 4rem !important;
    }

    #certify .swiper-pagination {
        bottom: 0rem !important;
    }

    #certify .swiper-button-prev {
        display: none !important;
    }

    #certify .swiper-button-next {
        display: none !important;
    }

    /*base*/
    .p-left-20 {
        padding-left: 1rem;
    }

    .p-left-30 {
        padding-left: 1.5rem;
    }

    .p-bottom-20 {
        padding-bottom: 1rem;
    }

    .p-bottom-30 {
        padding-bottom: 1.5rem;
    }

    .p-bottom-40 {
        padding-bottom: 2rem;
    }

    .p-bottom-60 {
        padding-bottom: 3rem;
    }

    .p-top-20 {
        padding-top: 1rem;
    }

    .p-top-40 {
        padding-top: 2rem;
    }

    .p-top-60 {
        padding-top: 3rem;
    }

    .p-lr-10 {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .p-lr-56 {
        padding-right: 2.8rem;
        padding-left: 2.8rem;
    }

    .p-tb-20 {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .p-tb-30 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .p-tb-40 {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .p-tb-60 {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }

    .p-tb-80 {
        padding-bottom: 4rem;
        padding-top: 4rem;
    }

    .m-top-20 {
        margin-top: 1rem;
    }

    .m-top-10 {
        margin-top: .5rem;
    }

    .m-top-30 {
        margin-top: 1.5rem;
    }

    .m-top-40 {
        margin-top: 2rem;
    }

    .m-top-60 {
        margin-top: 3rem;
    }

    .m-lr-20 {
        margin-right: 1rem;
        margin-left: 1rem;
    }

}