/*!less/phone/1max767.less*/
@media (max-width: 767px) {
    .list-credit > li {
        font-size: 12px;
    }

    .boss-wrap .main-cnt {
        font-size: 14px;
    }

    .boss-wrap .main-cnt .text-list,
    .boss-wrap .main-cnt .text-title {
        font-size: 16px;
    }

    .culture-activity,
    .culture-core,
    .partners,
    .news-dynamic,
    .company-notice,
    .product-home,
    .about-us {
        margin-top: 15px;
    }

    .welfare-we,
    .credit-wrap,
    .inverstor-stock,
    .investor-news,
    .investor-msg,
    .news-list .content,
    .course-wrap,
    .partners,
    .company-notice,
    .news-dynamic,
    .profile-details,
    .product-page .content,
    .boss-wrap {
        padding: 35px 3.38164251% 40px 4.0257649%;
    }

    .welfare-work,
    .investor-data .s-title-inverstor {
        margin-top: 35px;
    }

    .s-title-md,
    .course-wrap .title,
    .boss-wrap .boss-title {
        font-size: 22px;
        line-height: 25px;
    }

    .s-title-inverstor {
        margin-top: 0;
    }

    .investor-data .s-title-inverstor {
        margin-left: 3.38164251%;
    }

    .btn-md {
        width: 62%;
        padding: 0;
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }

    .s-title {
        font-size: 16px;
    }

    .s-title-more {
        font-size: 12px;
    }

    .s-title.color-white {
        color: #323232;
    }

    .s-title-news {
        margin-top: 45px;
        font-size: 14px;
    }

    .s-title-news .text {
        font-size: 14px;
    }

    .banner-details {
        overflow: hidden;
        height: 90px;
    }

    .banner-details .container {
        padding-left: 15px;
    }

    .banner .btns {
        bottom: 4%;
        left: 50%;
        width: 200%;
        margin-left: -100%;
        -o-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
    }

    .breadcrumb {
        margin-top: -4px;
        margin-left: -11%;
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
    }

    .list-company-notice {
        height: 200px;
        overflow: hidden;
        margin-top: 8px;
    }

    .list-company-notice a {
        color: #646464;
    }

    .list-company-notice li {
        line-height: 40px;
    }

    .list-company-notice li .title {
        max-width: 76%;
    }

    .list-company-notice li:before {
        background: #000;
    }

    .list-news-home {
        height: 260px;
        overflow: hidden;
        margin-top: 15px;
    }

    .list-news-home li {
        margin-bottom: 15px;
        min-height: 52px;
    }

    .list-news-home li .msg {
        width: 87%;
        height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .list-culture-core li {
        width: 50%;
    }

    .list-culture-core li.bg-grey-last,
    .list-culture-core li.bg-grey-last .focus-on {
        background-color: #fff;
    }

    .list-culture-core li.last,
    .list-culture-core li:last-child {
        background-color: #f6f6f6;
    }

    .list-culture-core li.last .focus-on,
    .list-culture-core li:last-child .focus-on {
        background-color: #f6f6f6;
    }

    .list-culture-core .num {
        margin-top: 29.4%;
        font-size: 80px;
    }

    .list-culture-core .photo-hover {
        display: none;
    }

    .list-culture-core .photo-hover.two {
        width: 100%;
        display: block;
    }

    .list-culture-core .focus-on {
        top: 29.4%;
        margin-top: 37px;
        width: 46px;
        height: 20px;
        line-height: 20px;
    }

    .list-culture-core .msg {
        font-size: 14px;
    }

    .list-culture-activity {
        margin-top: 15px;
        padding-bottom: 0;
    }

    .list-culture-activity li {
        width: 45%;
        height: auto;
        min-height: 170px;
        margin-bottom: 30px;
    }

    .list-culture-activity .title {
        margin-top: 5px;
        font-size: 14px;
    }

    .list-culture-activity .msg {
        margin-top: 0;
        font-size: 12px;
    }

    .list-product {
        padding-top: 35px;
        padding-bottom: 20px;
    }

    .list-product .text-wrap {
        width: 100%;
    }

    .list-product .text-wrap .title {
        width: 100%;
    }

    .list-product .text-wrap .msg {
        margin-top: 10px;
    }

    .list-product .photo-wrap {
        width: 100%;
        margin-top: 20px;
    }

    .list-product .photo-wrap img {
        float: none;
        margin: 0 auto;
    }

    .list-product li   li {
        padding-top: 38px;
    }

    .list-news-notice li {
        padding-bottom: 22px;
    }

    .list-news-notice li:last-child {
        padding-bottom: 0;
    }

    .list-news-notice .time {
        margin-left: -2%;
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }

    .list-news-notice .cnt {
        padding-left: 44px;
    }

    .list-news-notice .title {
        font-size: 14px;
    }

    .list-news-notice .title span {
        max-width: 89%;
    }

    .list-news-notice .describe {
        margin-top: 9px;
    }

    .list-news-notice .mark {
        margin-top: 8px;
    }

    .list-news-notice .mark .source {
        max-width: calc(100% - 73px);
    }

    .list-news-stnts li {
        padding-right: 92px;
        padding-bottom: 52px;
    }

    .list-news-stnts li .title span {
        max-width: 78%;
    }

    .list-news-stnts .time {
        margin-left: -2%;
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }

    .list-news-stnts .cnt {
        padding-left: 44px;
    }

    .list-news-stnts .photo img {
        width: 85px;
        height: 58px;
    }

    .list-news-stnts .describe {
        margin-top: 4px;
    }

    .list-news-stnts .mark {
        width: 100%;
        position: absolute;
        margin-top: 8px;
    }

    .list-news-stnts .mark .source {
        max-width: calc(100% - 118px);
    }

    .s-link-arrow {
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
    }

    .list-course {
        padding: 23px 0 62px;
        background-position: 53px 0;
    }

    .list-course .years {
        width: 75px;
        font-size: 18px;
    }

    .list-course .years .icon {
        position: relative;
        top: 4px;
        margin-left: 5px;
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }

    .list-course .years:after {
        width: 8px;
    }

    .list-course .month {
        width: 35px;
        padding-left: 73px;
        font-size: 16px;
    }

    .list-course .month:after {
        width: 13.5px;
    }

    .list-course .day {
        padding-left: 122px;
    }

    .list-course .day:before {
        left: 122px;
    }

    .list-course .day p {
        max-height: 97px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .list-course li.mt-lg {
        margin-top: 60px;
    }

    .list-course li.mt-sm {
        margin-top: 15px;
    }

    .list-welfare-work {
        margin-top: 14px;
    }

    .list-welfare-work li {
        width: 49.35%;
        margin-right: 0.4%;
        margin-top: 0.65%;
    }

    .list-welfare-we {
        margin-top: 27px;
        padding-bottom: 0;
        margin-bottom: -20px;
    }

    .list-welfare-we li {
        width: 45%;
        height: auto;
        min-height: 210px;
        margin-bottom: 9px;
    }

    .list-contactus-phone li {
        width: 50%;
        min-height: 250px;
        padding: 0 2%;
        box-sizing: border-box;
    }

    .list-contactus-phone li:first-child .bottom {
        bottom: 11px;
    }

    .list-contactus-phone .icon-wrap {
        width: 58px;
        height: 58px;
        margin-top: 23px;
    }

    .list-contactus-phone .icon-wrap .icon {
        font-size: 32px;
        margin-top: 13px;
    }

    .list-contactus-phone .title {
        margin-top: 10px;
        font-size: 16px;
    }

    .list-contactus-phone .phone {
        margin-top: 4px;
        font-size: 20px;
    }

    .list-contactus-phone .msg {
        margin-top: 5px;
        font-size: 12px;
    }

    .list-contactus-phone .bottom {
        width: 94%;
        bottom: 11px;
    }

    .list-contactus-phone .bottom .text {
        padding-bottom: 0;
    }

    .list-contactus-phone .bottom:before {
        width: 96%;
        left: 1.2%;
        bottom: 9px;
    }

    .list-investor-news {
        height: 168px;
        padding-top: 0;
        margin-right: 0;
    }

    .list-investor-news li {
        width: 100%;
        margin-right: 0;
    }

    .list-credit {
        margin-top: 15px;
        margin-right: -0.133333%;
    }

    .list-credit > li {
        box-sizing: border-box;
        width: 33%;
        min-height: 194px;
        padding: 0 1%;
        margin-bottom: 10px;
        margin-right: 0.3%;
    }

    .list-credit > li.one .photo {
        padding-top: 0;
    }

    .list-credit > li.last .photo {
        margin-top: -11%;
    }

    .list-credit > li > p {
        width: 100%;
        margin-top: 5px;
        margin-left: 0;
        line-height: 16px;
    }

    .container {
        padding: 0 10px;
    }

    .index-mt {
        margin-top: 7.5px;
    }

    .index-wrap {
        margin-top: 45px;
        padding-bottom: 7.5px;
    }
    .dev-content {
        margin-top: 0;
    }

    .dev-content img {
        display: block !important;
        width: 100%;
        margin-top: 40px;
    }

    .dev-content .timeline-container {
        display: none;
    }

    .job-list .sidebar.fixed,
    .news-list .sidebar.fixed,
    .product-page .sidebar.fixed {
        top: 50px !important;
        bottom: auto !important;
    }

    .footer {
        position: relative;
    }

    .footer-top {
        padding: 0;
        font-size: 13px;
        background-color: #fff;
    }

    .footer-bottom {
        padding: 0 0 20px;
    }

    .footer .wrap {
        padding-left: 0;
    }

    .footer .focus-on {
        display: none;
    }

    .footer .focus-on-h5 {
        width: 50%;
        float: left;
        padding: 0 15px;
        text-align: center;
        box-sizing: border-box;
        cursor: pointer;
    }

    .footer .focus-on-h5 .weibo-wrap,
    .footer .focus-on-h5 .weixin-wrap {
        overflow: hidden;
        position: relative;
        height: 40px;
        margin-top: 10px;
        padding: 2px 0;
        line-height: 40px;
        border-radius: 24px;
        vertical-align: middle;
        border: 1px solid #dadada;
    }

    .footer .focus-on-h5 .weibo-wrap p,
    .footer .focus-on-h5 .weixin-wrap p {
        padding-left: 32%;
        font-size: 12px;
        text-align: left;
    }

    .footer .focus-on-h5 .weibo-wrap .title,
    .footer .focus-on-h5 .weixin-wrap .title {
        color: #1e1e1e;
    }

    .footer .focus-on-h5 .weibo-wrap .subtitle,
    .footer .focus-on-h5 .weixin-wrap .subtitle {
        position: relative;
        top: -9px;
        left: -1%;
        padding-left: 24%;
        width: 120%;
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .footer .focus-on-h5 .weixin-wrap {
        margin-top: 21px;
        line-height: 25px;
    }

    .footer .focus-on-h5 .weixin,
    .footer .focus-on-h5 .weibo {
        position: absolute;
        left: 11%;
        top: 25%;
        width: 26px;
        height: 20px;
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 27% center;
    }

    .footer .focus-on-h5 .weixin {
        background-image: url(/uploads/image/erimages/h5-footer-weixin.png);
    }

    .footer .focus-on-h5 .weibo {
        background-image: url(/uploads/image/erimages/h5-footer-weibo.png);
    }

    .footer .contact-us {
        width: calc(50% - 40px);
        min-height: 128px;
        padding: 16px 20px 15px;
        margin-left: 0;
        float: left;
        background-color: #f6f6f6;
    }

    .footer .contact-us p {
        line-height: 18px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .footer .contact-us .pt15 {
        padding-top: 5px;
    }

    .footer .quick-entry {
        display: none;
    }

    .footer .title-footer {
        line-height: 30px;
    }

    .h5-popup-footer {
        display: none;
        position: absolute;
        top: 13px;
        left: 49.9%;
        z-index: 99;
        width: 96px;
        height: auto;
        padding: 10px;
        background-color: #fff;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }

    .h5-popup-footer.block {
        display: block;
    }

    .h5-popup-footer:before {
        position: absolute;
        left: -8px;
        content: '';
        width: 0;
        height: 0;
        display: block;
        border-top: 8px solid transparent;
        border-right: 8px solid #fff;
        border-bottom: 8px solid transparent;
        filter: drop-shadow(8px 8px 8px #fff);
    }

    .h5-popup-footer img {
        margin: 0 auto;
    }

    .h5-popup-footer p {
        line-height: 10px;
        margin-top: 3px;
        font-size: 12px;
    }

    .h5-popup-footer-tx {
        display: none;
        position: absolute;
        top: 70px;
        left: 49.9%;
        z-index: 99;
        width: 96px;
        height: auto;
        padding: 10px;
        background-color: #fff;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }

    .h5-popup-footer-tx.block {
        display: block;
    }

    .h5-popup-footer-tx:before {
        position: absolute;
        left: -8px;
        bottom: 0;
        content: '';
        width: 0;
        height: 0;
        display: block;
        border-top: 8px solid transparent;
        border-right: 8px solid #fff;
        border-bottom: 8px solid transparent;
        filter: drop-shadow(8px 8px 8px #fff);
    }

    .h5-popup-footer-tx img {
        margin: 0 auto;
    }

    .h5-popup-footer-tx p {
        line-height: 10px;
        margin-top: 3px;
        font-size: 12px;
    }

    .about-us .photo {
        width: 100%;
    }

    .about-us .content {
        width: 100%;
        padding: 0 20px 20px;
        margin-left: 0;
    }

    .about-us .content .title {
        margin-top: 20px;
        font-size: 16px;
    }

    .about-us .content .subtitle {
        margin-top: 0;
    }

    .about-us .content .mark {
        box-sizing: border-box;
        width: 100%;
        padding-right: 32px;
    }

    .about-us .content .about-us .about-us-link .s-link-arrow {
        -o-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
    }

    .news-dynamic {
        width: 100%;
        height: 342px;
        padding-bottom: 0;
    }

    .company-notice {
        width: 100%;
        height: 272px;
        background: #fff;
        padding-bottom: 0;
    }

    .product-home li {
        width: 100%;
        margin-bottom: 9px;
    }

    .product-home li .bg img {
        height: 132px;
        width: 100%;
    }

    .product-home li .content {
        text-align: left;
    }

    .product-home li .content .title {
        top: 10%;
        padding-left: 10px;
    }

    .product-home li.active .line,
    .product-home li:hover .line {
        height: 12px;
    }

    .product-home li .subtitle {
        bottom: 7px;
        -o-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
    }

    .product-home li .subtitle:before {
        left: 10%;
    }

    .product-home li .subtitle:after {
        right: 10%;
    }

    .product-home li.product-home-more-h5 .subtitle:before,
    .product-home li.product-home-more-h5 .subtitle:after {
        width: 60px;
    }

    .product-home li.product-home-more-h5 .subtitle span {
        position: relative;
        top: -3px;
        width: 20px;
        height: 3px;
        display: inline-block;
        background-color: #fff;
    }

    .partners {
        padding-top: 25px;
        padding-bottom: 0;
    }

    .partners ul {
        margin-top: 16px;
    }

    .partners li {
        width: 22.2%;
        padding: 0 12px;
    }

    .product-page .sidebar {
        display: none;
        width: 0;
    }

    .product-page .cnt-wrap {
        padding-left: 0;
    }

    .product-page .product-title {
        margin-top: 0;
        padding-bottom: 15px;
        font-size: 24px;
    }

    .product-page .product-title span {
        font-size: 13px;
    }

    .product-page .product-title-msg {
        margin-top: 18px;
    }

    .boss-wrap .main {
        margin: 0;
        padding: 0;
    }

    .boss-wrap .boss-title {
        padding-top: 0;
    }

    .boss-wrap .boss-title .line {
        display: none;
    }

    .boss-wrap .boss-title .letter {
        position: relative;
        top: -6px;
        margin-top: 0;
    }

    .boss-wrap .boss-title:before {
        bottom: 19px;
    }

    .boss-wrap .main-cnt {
        padding: 0;
    }

    .boss-wrap .main-cnt .text-list {
        margin-top: 20px;
    }

    .boss-wrap .main-cnt .text-title,
    .boss-wrap .main-cnt .text-list {
        color: #3b3b3b;
    }

    .boss-wrap .main-cnt .text-title {
        margin-top: 22px;
    }

    .boss-wrap .main-cnt .text-list-li {
        margin-top: 0;
    }

    .phone-boss-photo {
        max-width: 90%;
        margin: 20px auto 0;
    }

    .phone-boss-photo-cnt {
        font-size: 14px;
        color: #3b3b3b;
    }

    .phone-boss-photo-cnt h3 {
        line-height: 40px;
    }

    .phone-boss-photo-cnt p {
        font-size: 14px;
        color: #999;
    }

    .profile-details {
        width: auto;
        height: auto;
    }

    .profile-details h1 {
        font-size: 22px;
        line-height: 25px;
    }

    .profile-details h3 {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .profile-details p {
        font-size: 14px;
    }

    .profile-main {
        display: none;
    }

    .course-wrap .title {
        padding-left: 4px;
    }

    .course-wrap .future {
        margin-top: 5px;
        margin-left: 29px;
        margin-bottom: 6px;
        font-size: 12px;
    }

    .course-wrap .earliest {
        padding-left: 5px;
        font-size: 12px;
    }

    .job-list,
    .news-list {
        background-color: #fff;
    }

    .job-list .sidebar,
    .news-list .sidebar {
        box-sizing: border-box;
        width: 100%;
        float: left;
        background-color: #fff;
        z-index: 2;
        padding: 18px 3.38164251% 0 3.025765%;
        border-bottom: 1px solid #e5e7e9;
    }

    .job-list .sidebar.fixed,
    .news-list .sidebar.fixed {
        width: calc(100% - 10px);
    }

    .job-list .cnt-wrap,
    .news-list .cnt-wrap {
        padding-left: 0;
    }

    .job-list .content,
    .news-list .content {
        width: 100%;
        padding-top: 10px;
        margin-left: 0;
        float: left;
        border-left: 0;
    }

    .job-list .sidebar {
        padding-left: 0;
    }

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

    .news-list .content-details .title {
        line-height: 20px;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }

    .news-list .content-details .title-msg {
        position: relative;
        box-sizing: border-box;
        padding-right: 24%;
        margin-top: 20px;
    }

    .news-list .content-details .title-msg .margin-right {
        margin-right: 15px;
    }

    .news-list .content-details .title-msg .share {
        position: absolute;
        top: 10px;
        right: 0;
    }

    .news-list .content-details .title-msg .share .s-link-circle {
        width: 30px;
        height: 30px;
    }

    .news-list .content-details .cnt {
        width: 100%;
        padding-top: 24px;
        text-align: justify;
    }

    .news-list .content-details .cnt p   p {
        margin-top: 16px;
    }

    .nav-job,
    .nav-news {
        width: auto;
        font-size: 16px;
        margin-bottom: 0;
    }

    .nav-job > li,
    .nav-news > li {
        line-height: 15px;
        width: auto;
        float: left;
        display: inline-block;
        padding: 0 10px;
    }

    .nav-job > li.active a,
    .nav-news > li.active a,
    .nav-job > li:hover a,
    .nav-news > li:hover a {
        border-left: 0;
    }

    .nav-job {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
        padding-bottom: 0;
    }

    .nav-job > li {
        height: 35px;
    }

    .nav-job > li   li {
        margin-top: 0;
    }

    .nav-job a {
        padding: 0 10px;
    }

    .nav-news {
        margin: 5px 0 0;
    }

    .nav-news > li {
        height: 45px;
        line-height: 30px;
    }

    .nav-news > li span {
        position: relative;
        top: -2px;
        margin-top: 0;
    }

    .list-job {
        margin-top: -20px;
        font-size: 12px;
    }

    .list-job > li {
        padding: 20px 0;
    }

    .list-job > li:last-child {
        padding-bottom: 30px;
    }

    .list-job .title {
        font-size: 14px;
    }

    .welfare-we .subtitle {
        margin-top: 15px;
        font-size: 12px;
    }

    .contactus-map {
        margin-top: 20px;
    }

    .contactus-map .s-title-md {
        margin-bottom: 18px;
    }

    .contactus-map .map-wrap {
        width: 210%;
        height: 380px;
        margin-top: -100px;
        margin-left: -57%;
        -o-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
    }

    .contactus-map .map-details {
        width: 104%;
        left: -2%;
        height: auto;
    }

    .contactus-map .map-text {
        top: 20px;
        left: 6.666667%;
        width: 84%;
        padding: 23px 0 20px 3%;
        box-sizing: border-box;
    }

    .contactus-map .map-text .logo-wrap img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .contactus-map .map-text .content .line-wrap {
        margin-top: 22px;
    }

    .culture-activity {
        padding-top: 18px;
    }

    .investor-msg {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .investor-msg .sidebar {
        width: 100%;
        font-size: 16px;
        padding-bottom: 10px;
    }

    .investor-msg .content {
        width: 100%;
        padding: 0;
        margin-top: 2px;
        border-left: 0;
        line-height: 25px;
    }

    .investor-msg .content .margin-top {
        margin-top: 18px;
    }

    .investor-msg .content p {
        word-wrap: break-word;
    }

    .investor-msg .content a {
        display: inline-block;
    }

    .inverstor-stock-box .data {
        display: none;
    }

    .inverstor-stock-box .chart {
        width: 100%;
        height: 256px;
        margin-top: 24px;
    }

    .inverstor-stock-box .chart > iframe {
        width: 196%;
        height: 540px;
        margin-left: -46%;
        margin-top: -140px;
        -o-transform: scale(0.52);
        transform: scale(0.52);
        -webkit-transform: scale(0.52);
        -ms-transform: scale(0.52);
    }

    .dialog-wrap .dialog-credit {
        top: -10%;
        left: 45%;
        margin-left: -383px;
        -o-transform: scale(0.4);
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
    }

    .error-page {
        width: 165%;
        margin-left: -32%;
        margin-top: 0;
        -o-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
    }

    .cloud .indexof-wrap {
        margin-top: 70px;
    }

    .cloud .banner {
        width: 100%;
        padding-top: 29.0625%;
        height: auto;
        background: url(/uploads/image/erimages/cloud-banner-640.png) no-repeat;
        background-position: top center;
        background-size: 100% auto;
    }
    .cloud .warp1 .layout-content {
        background: 0 0;
        height: auto;
    }

    .cloud .warp1 .layout-content.visible-xs img {
        height: 546px;
        width: 1008px;
    }

    .cloud .warp1 .application-content-1 {
        background: 
            no-repeat;
        background-position: center center;
        background-size: 100% auto;
        width: 100%;
        padding-top: 79.53125%;
        height: auto;
    }

    .cloud .warp1 .application-content-2 {
        background: 
            no-repeat;
        background-position: center top;
        background-size: 100% auto;
        width: 100%;
        padding-top: 109.375%;
        height: auto;
        margin-top: 55px;
    }

    .cloud .warp1 .application-content-2 .link {
        left: 50%;
        transform: translatex(-50%);
    }

    .cloud .warp1 .container {
        padding: 0;
    }

    .cloud .warp1 .footer-bottom {
        background-color: #fff;
    }

    .cloud .warp1 .focus-on-h5 {
        background-color: #f7f7f7;
    }
    .cloud-case-wrapper .cloud-case-list {
        height: auto;
        border-top: 1px solid #bcbdd1;
        border-bottom: 0;
        border-right: 0;
    }
    .cloud-case-wrapper .cloud-case-item {
        width: 50%;
        border-right: 1px solid #bcbdd1;
        border-bottom: 1px solid #bcbdd1;
    }
    .cloud .warp1 .contact-us {
        background-color: #f0f0f0;
    }
} /*!less/phone/2min470max767.less*/
@media (min-width: 470px) and (max-width: 767px) {
    .index-wrap {
        margin-top: 70px;
    }

    .footer .contact-us {
        min-height: 223px;
        font-size: 14px;
    }

    .footer .contact-us p {
        line-height: 25px;
    }

    .footer .title-footer {
        font-size: 16px;
        line-height: 40px;
    }

    .footer .focus-on-h5 {
        padding-bottom: 26px;
    }

    .footer .focus-on-h5 .weixin,
    .footer .focus-on-h5 .weibo {
        top: 22%;
        left: 13%;
        width: 41px;
        height: 32px;
    }

    .footer .focus-on-h5 .weixin p,
    .footer .focus-on-h5 .weibo p {
        font-size: 14px;
    }

    .footer .focus-on-h5 .weixin-wrap,
    .footer .focus-on-h5 .weibo-wrap {
        height: 45px;
        padding-top: 12px;
        line-height: 33px;
        border-radius: 48px;
    }

    .footer .focus-on-h5 .weixin-wrap p,
    .footer .focus-on-h5 .weibo-wrap p {
        font-size: 16px;
    }

    .footer .focus-on-h5 .weixin-wrap .title {
        margin-top: -10px;
    }

    .footer .focus-on-h5 .weibo-wrap {
        margin-top: 12px;
    }

    .h5-popup-footer {
        width: 104px;
    }

    .h5-popup-footer img {
        width: 100px;
    }

    .h5-popup-footer p {
        margin-top: 8px;
    }

    .h5-popup-footer-tx {
        width: 104px;
    }

    .h5-popup-footer-tx img {
        width: 100px;
    }

    .h5-popup-footer-tx p {
        margin-top: 8px;
    }

    .banner-details {
        height: 142px;
    }

    .banner-details .container {
        padding-left: 15px;
    }

    .list-news-stnts li {
        padding-right: 158px;
        padding-bottom: 72px;
    }

    .list-news-stnts .cnt {
        padding-left: 44px;
    }

    .list-news-stnts .photo img {
        width: 146px;
        height: 94px;
    }

    .list-news-stnts .mark {
        position: absolute;
        margin-top: 28px;
        width: 100%;
    }

    .list-welfare-we p {
        font-size: 14px;
    }

    .s-title-news {
        margin-top: 86px;
        font-size: 18px;
    }

    .s-title-news .text {
        font-size: 18px;
    }

    .breadcrumb {
        margin-left: 0;
        margin-top: 0;
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        font-size: 14px;
    }

    .product-home li .content .subtitle:after,
    .product-home li .content .subtitle:before {
        width: 22%;
    }

    .product-home li.product-home-more-h5 .subtitle:before,
    .product-home li.product-home-more-h5 .subtitle:after {
        width: 44%;
    }

    .job-list .content-details .title-msg,
    .news-list .content-details .title-msg {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }

    .job-list .content-details .title,
    .news-list .content-details .title {
        font-size: 18px;
    }

    .job-list .content-details .cnt,
    .news-list .content-details .cnt {
        padding-top: 16px;
    }

    .investor-msg .sidebar {
        font-size: 16px;
    }

    .investor-msg {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .inverstor-stock-box .chart {
        height: auto;
    }

    .inverstor-stock-box .chart > iframe {
        width: 100%;
        height: 510px;
        margin-top: 0;
        margin-left: 0;
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }
} /*!less/phone/3max470.less*/
@media (max-width: 470px) {
    .header {
        height: 50px;
    }

    .cloud .indexof-wrap {
        margin-top: 50px;
    }

    .header .logo {
        width: 260px;
        margin-top: 3px;
        margin-left: -30px;
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }

    .job-list .sidebar.fixed,
    .news-list .sidebar.fixed,
    .product-page .sidebar.fixed {
        position: fixed;
        top: 50px;
    }

    .drawer-contents.left {
        margin-top: -45px;
    }

    .drawer-hamburger {
        margin-top: -11px;
        margin-right: 0;
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
    }

    .list-credit > li {
        min-height: 134px;
        margin-bottom: 20px;
    }

    .list-contactus-phone li {
        width: 50%;
        min-height: 230px;
        padding: 0 2%;
        box-sizing: border-box;
    }

    .list-contactus-phone .icon-wrap {
        width: 50px;
        height: 50px;
        margin-top: 16px;
    }

    .list-contactus-phone .icon-wrap .icon {
        font-size: 28px;
        margin-top: 11px;
    }

    .list-contactus-phone .title {
        margin-top: 10px;
        font-size: 14px;
    }

    .list-contactus-phone .msg {
        margin-top: 5px;
        font-size: 12px;
    }

    .list-contactus-phone .phone {
        margin-top: 6px;
        font-size: 16px;
        line-height: 20px;
    }

    .list-contactus-phone .bottom {
        bottom: 7px;
        width: 120%;
        margin-left: -14%;
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
    }

    .list-culture-core .msg {
        font-size: 12px;
    }

    .list-culture-core .num {
        font-size: 66px;
        line-height: 40px;
    }

    .list-culture-core .focus-on {
        margin-top: 24px;
        width: 36px;
        height: 16px;
        line-height: 16px;
        font-size: 14px;
        line-height: 20px;
    }

    .list-welfare-we li {
        min-height: 220px;
        margin-bottom: 9px;
    }

    .list-welfare-we h3 {
        margin-top: 4px;
        font-size: 14px;
    }

    .contactus-map .map-text .logo-wrap {
        width: 70px;
    }

    .contactus-map .map-text {
        width: 91%;
        left: 1.6%;
    }

    .contactus-map .map-text .content {
        padding-left: 82px;
        padding-right: 14px;
    }

    .news-list .content-details .title-msg .source {
        display: block;
    }

    .footer .contact-us {
        font-size: 12px;
    }

    .footer .contact-us .pt15 {
        white-space: nowrap;
    }

    .investor-msg .content .weakening {
        margin-top: 10px;
        display: block;
    }

    .investor-msg .content p {
        line-height: 22px;
    }
} /*!less/phone/4max320.less*/
@media (max-width: 320px) {
    .error-page-bg,
    .error-page-bg .container {
        min-width: 300px;
        overflow-x: auto;
    }

    .list-course {
        background-position: 54px 0;
    }

    .footer .contact-us p {
        width: 130%;
        margin-left: -13%;
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
    }

    .footer .focus-on-h5 > div .subtitle {
        margin-left: -5%;
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }

    .footer .focus-on-h5 .weibo-wrap .subtitle,
    .footer .focus-on-h5 .weixin-wrap .subtitle {
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }

    .list-welfare-work li {
        margin-right: 0.6%;
    }

    .list-culture-activity li {
        min-height: 150px;
    }

    .list-credit > li {
        min-height: 122px;
        margin-bottom: 10px;
    }

    .list-contactus-phone li {
        overflow: hidden;
        max-height: 123.5px;
    }

    .profile-details h1 {
        font-size: 20px;
    }

    .inverstor-stock-box .chart {
        height: 226px;
    }

    .inverstor-stock-box .chart > iframe {
        width: 220%;
        height: 520px;
        margin-left: -60%;
        margin-top: -152px;
        -o-transform: scale(0.45);
        transform: scale(0.45);
        -webkit-transform: scale(0.45);
        -ms-transform: scale(0.45);
    }

    .dialog-wrap .dialog-credit {
        -o-transform: scale(0.35);
        transform: scale(0.35);
        -webkit-transform: scale(0.35);
        -ms-transform: scale(0.35);
    }
}