@charset 'UTF-8';

@media screen and (max-width: 1446px) {
    .header .header_menu ul li a {
        padding: 0 12px;
    }
    .platform_advantage_brief {
        padding-left: 30px;
    }
    .consulting_type {
        padding: 20px 0;
    }
    .consulting_type ul {
        margin: 15px 0 10px 0;
    }
    .consulting_type ul li a {
        line-height: 30px;

        height: 30px;
    }
    .consulting_box .problem {
        padding-top: 15px;
    }
    .consulting_box .problem ul {
        padding: 10px 0 0 30px;
    }
    .canvasdiv {
        padding-top: 150px;
    }
    .aside,
    .consulting_box {
        display: none;
    }
}








@media screen and (max-width: 1199px) {
    .mpage {
        position: absolute;
        z-index: -1;
        top: 0;

        overflow: hidden;

        width: 100%;
        height: 888px;
        margin: 0 auto;
    }
    .canvasdiv {
        display: none !important;
    }
    .banner {
        
        
        background: #2a84ff;
        background-image: url(../images/bg-new.jpg);
    }
    .banner_title {
        padding-top: 150px;
    }
    .banner_text {
        font-size: 16px;
    }
    .banner .owl-prev {
        margin-left: 20px;
    }
    .banner .owl-next {
        margin-right: 20px;
    }
    .all_button:hover {
        color: #fff;
        background: #3b9ff2;
    }
    .platform_advantage_img img {
        width: 50px;
    }
    .platform_advantage_brief {
        padding-left: 20px;
    }
    .platform_advantage_brief .brief_title {
        font-size: 16px;
    }
    .platform_advantage_brief .brief_text {
        font-size: 13px;
    }
    .platform_advantage_content {
        margin-left: -50px;
    }
    .platform_advantage_list {
        margin: 0 0 50px 50px;
    }
    .marketing_advantage_brief {
        padding: 0 25px;
    }
    .aside,
    .consulting_box {
        display: none;
    }
    .case_show_brief {
        margin-left: 10px;
    }
    .case_show_brief_text {
        line-height: 1.8;

        margin: 15px 10px 20px 0;
    }
    .support_type_list {
        margin-left: 50px;

        color: #fff;
        border: none;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #3da6f7;
    }
    .support_type_list:before {
        display: none;
    }
    .support_type_list:hover {
        border: none;
        background: #3da6f7;
    }
    .template_show_list {
        width: 90%;
        padding: 50px 0;
    }
    .introduce_list_brief {
        margin: 0 20px 10px 0;
    }
    .introduce_list_text {
        font-size: 12px;
    }
    .cloud_platform_list {
        padding: 40px 20px;
    }
    .industry_list_left {
        padding-right: 25px;
    }
    .industry_list_rigth {
        padding-left: 25px;
    }
    .industry_list_title {
        margin-bottom: 15px;
    }
    .industry_list_brief {
        margin-bottom: 20px;
    }
    .advantage_project_content {
        margin: 50px 0 0 -10px;
    }
    .advantage_project_list {
        overflow: hidden;

        margin: 0 0 100px 10px;
    }
    .proxy_process_line {
        max-width: 900px;
    }
    .proxy_process_content {
        margin: -55px 0 0 -30px;
    }
    .proxy_process_list {
        margin-left: 30px;
    }
    .proxy_process_list:hover .proxy_process_list_bottom .text {
        color: #939393;
    }
}








@media screen and (max-width: 991px) {
    body {
        padding-top: 60px;
    }
    .header {
        line-height: 60px;

        height: 60px;
    }
    .header .login {
        display: none;
    }
    .header .mobileMenuBtn {
        display: block;
    }
    .header .mobileMenuBtn_shad {
        position: fixed;
        top: 50%;
        left: 50%;

        width: 100%;
        height: 0;

        -webkit-transition: .3s all;
        -moz-transition: .3s all;
        transition: .3s all;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

        background: rgba(0, 0, 0, .7);
    }
    .header .mobileMenuBtn_shad.active {
        height: 100%;
    }
    .header .header_menu {
        position: fixed;
        top: 0;
        right: -200px;

        overflow: auto;

        width: 200px;
        height: 100%;

        -webkit-transition: .6s all;
        -moz-transition: .6s all;
        transition: .6s all;

        background: rgba(49, 152, 242, .8);
    }
    .header .header_menu.active {
        z-index: 13;
        right: 0;
    }
    .header .header_menu ul li {
        display: block;
    }
    .header .header_menu ul li a {
        line-height: normal;

        padding: 0;
        padding: 12px 0;

        color: #fff;
        border: none;
        border-bottom: solid 1px #378fdd;
    }
    .header .header_menu ul li a:hover,
    .header .header_menu ul li a.active {
        opacity: 1;
        border: none;
        border-bottom: solid 1px #429ae9;

        filter: alpha(opacity=100);
    }
    .header .md-show {
        display: block;
    }
    .navsub-cell {
        display: none;
    }
    .VE_tel_img {
        display: none;
    }
    .header .header_menu ul li:last-child {
        line-height: 40px;

        display: block;

        border-bottom: 1px solid #378fdd;
    }
    .header .header_menu ul li:last-child a {
        display: inline;

        padding: 0 20px;

        border: none;
    }
    .header .header_menu ul li:last-child span {
        
        opacity: .8;
        color: #fff;

        filter: alpha(opacity=20);
    }
    .header .header_menu ul li:last-child a:hover {
        border: none;
    }
    .mpage {
        top: 50%;
        left: 50%;

        width: 1500px;
        height: 888px;
        margin-top: -444px;
        margin-left: -750px;
    }
    .waves_box {
        display: none;
    }

    .banner {
       
    }

    .index_product {
        padding: 60px 0;
    }
    .all_title1,
    .all_title2 {
        margin-bottom: 30px;
    }
    .all_title1 .title,
    .all_title2 .title {
        font-size: 25px;
    }
    .platform_advantage {
        padding: 60px 0;
    }
    .marketing_advantage {
        padding: 60px 0;
    }
    .marketing_advantage_content {
        height: 200px;
    }
    .marketing_advantage_list {
        margin: 0 0 10px 0px;
    }
    .marketing_advantage_brief {
        top: 12%;
        padding: 0 15px;
    }
    .marketing_advantage_brief .brief_icon .iconfont {
        font-size: 36px;
    }
    .partners {
        padding: 60px 0;
    }
    .page-solutions {
        padding: 60px 0;
    }
    .join_in {
        padding: 60px 0;
    }
    .news_center {
        padding: 60px 0;
    }
    .news_center_content {
        margin-left: -30px;
    }
    .news_center_list {
        margin-left: 30px;
    }

    .quick_navigation {
        padding-left: 0;

        text-align: center;
    }
    .quick_navigation {
        margin-bottom: 20px;
        padding-bottom: 10px;

        border-bottom: solid 1px #2d2b2b;
    }
    .quick_navigation ul {
        text-align: center;
    }
    .quick_navigation ul li {
        display: inline-block;

        margin: 0 15px;
    }
    .z_banner {
        padding: 120px 0;
    }
    .case_show_brief_text {
        font-size: 12px;
        line-height: 1.5;

        margin: 10px 0 20px 0;
    }
    .support_type {
        margin: 30px 0;
    }
    .support_type_content {
        margin-left: -30px;
    }
    .support_type_list {
        margin-left: 30px;
    }
    .technical_support_box ul li a .text {
        width: 75%;
    }
    .technical_support_box ul li a .time {
        width: 25%;
    }
    .technical_support_box_z_header .title {
        font-size: 18px;
    }
    .technical_support_box_z_info_box {
        margin: 20px 0;
        padding: 20px 0;
    }
    .template_search_select select {
        width: 200px;
    }
    .template_show_list_text ul li {
        margin-right: 20px;
    }
    .introduce {
        padding: 60px 0;
    }
    .introduce_list_brief {
        margin: 0 0 15px 0;
    }
    .introduce_list_img {
        text-align: center;
    }
    .cloud_platform {
        padding: 60px 0;
    }
    .cloud_platform_content {
        overflow: hidden;

        margin: 50px 0 50px -20px;
    }
    .cloud_platform_list {
        margin-left: 20px;
    }
    .industry {
        padding: 60px 0;
    }
    .industry_content {
        margin-top: 20px;
    }
    .industry_list_left {
        padding-right: 0;

        text-align: center;
    }
    .industry_list_rigth {
        margin-top: 50px;
        padding-left: 0;

        text-align: center;
    }
    .industry_list_brief {
        margin-bottom: 10px;
    }
    .advantage_project {
        padding-top: 60px;
    }
    .advantage_project_content {
        margin: 50px 0 0 -30px;
    }
    .advantage_project_list {
        margin: 0 0 50px 30px;
    }
    .marketing_support {
        padding: 60px 0;
    }
    .marketing_support_list_img {
        display: none;
    }
    .proxy_process {
        padding: 60px 0;
    }
    .proxy_process_content {
        margin: -55px 0 0 -20px;
    }
    .proxy_process_list {
        margin-left: 20px;
    }
    .proxy_process_list_bottom {
        min-height: 80px;
    }
    .proxy_process_list_bottom .title {
        font-size: 14px;
    }
    .proxy_process_list_bottom .text {
        font-size: 12px;
    }

    .page-products-list img {}
    .page-products-list p {
        padding-right: 0;
        padding-left: 30px;
    }

    .page-bottom-nav .page-bottom-nav-ul-right li {
        min-width: 105px;
    }
}








@media screen and (max-width: 767px) {
    .banner {
       
        background-position: center -380px;
    }
    .banner .owl-pagination {
        margin-top: 20px;
    }
    .banner_title {
        font-size: 30px;
        padding-top: 180px;
    }
    .banner_text {
        font-size: 14px;
    }
    .index_product {
        padding: 40px 0;
    }
    .platform_advantage {
        padding: 40px 0;
    }
    .platform_advantage_content {
        margin-left: -25px;
    }
    .platform_advantage_list {
        margin: 0 0 30px 25px;
    }
    .platform_advantage_brief .brief_title {
        font-size: 14px;
    }
    .platform_advantage_brief .brief_text {
        font-size: 12px;
    }
    .marketing_advantage {
        padding: 40px 0;
    }
    .marketing_advantage_list {
        margin: 0 0 14px 10px;

        background-color: #fff;
    }
    .marketing_advantage_content .span3:first-child .marketing_advantage_list {
        text-align: center;

        background-color: #fff;
    }
    .marketing_advantage_content .span3:first-child img {
        
    }
    .marketing_advantage_brief {
        top: 10%;
        padding: 0 15px;
    }
    .marketing_advantage_brief .brief_title {
        font-size: 14px;
    }
    .marketing_advantage_brief .brief_icon .iconfont {
        font-size: 32px;
    }
    .partners {
        padding: 40px 0;
    }
    .page-solutions {
        padding: 40px 0;
    }
    .join_in {
        padding: 40px 0;
    }
    .join_in_title {
        font-size: 30px;
    }
    .news_center_content {
        margin-left: -10px;
    }
    .news_center_list {
        margin-left: 10px;
    }
    .news_center_list_title {
        margin: 15px 0;
    }
    .news_center_content ul li a .text {
        width: 75%;
    }
    .news_center_content ul li a .time {
        width: 25%;
    }

    .quick_navigation ul li {
        margin: 0 10px;
    }
    .platform_advantage_bg {
        display: none;
    }
    .z_banner {
        padding: 80px 0;
    }
    .case_show_list {
        padding-top: 30px;
    }
    .case_show_brief {
        margin: 0;
        padding-bottom: 30px;

        text-align: center;
    }
    .support_type_content {
        margin-left: -15px;
    }
    .support_type_list {
        margin-left: 15px;
    }
    .technical_support_type {
        margin-bottom: 30px;
    }
    .technical_support_type ul li:before {
        display: none;
    }
    .technical_support_type ul li a {
        padding: 10px 0;

        text-align: center;
        text-indent: 0;
    }
    .technical_support_type ul li.active a:hover {
        color: #fff;
    }
    .technical_support_type ul li a:hover {
        color: #333;
        border-bottom: solid 1px #f0f0f0;
    }
    .technical_support {
        padding: 30px 0;
    }
    .technical_support_type .title {
        cursor: pointer;
    }
    .technical_support_type .title span {
        display: block;
    }
    .technical_support_type ul {
        display: none;
    }
    .technical_support_box ul li a:before {
        display: none;
    }
    .technical_support_box ul li a:hover {
        color: #333;
    }
    .template_search {
        margin: 30px 0;
    }
    .template_search_select {
        margin: 0 15px;
    }
    .template_search_select select {
        width: 150px;
    }
    .case_show_more {
        padding: 30px 0;
    }
    .know_more {
        padding: 30px 0;
    }
    .introduce {
        padding: 40px 0;
    }
    .introduce_list_text {
        font-size: 14px;
    }
    .cloud_platform {
        padding: 40px 0;
    }
    .cloud_platform_content {
        overflow: hidden;

        margin: 40px 0 40px -10px;
    }
    .cloud_platform_list {
        margin-left: 10px;
        padding: 30px 10px;
    }
    .cloud_platform_solution .title {
        font-size: 20px;
    }
    .industry {
        padding: 40px 0;
    }
    .industry_content {
        margin-top: 0;
    }
    .advantage_project {
        padding-top: 40px;
    }
    .advantage_project_content {
        margin: 40px 0 0 -30px;
    }
    .marketing_support {
        padding: 40px 0;
    }
    .marketing_support_list_brief {
        margin-top: 20px;
    }
    .proxy_process_line {
        display: none;
    }
    .proxy_process_content {
        margin-top: 0;
    }
    .proxy_process_list_middle {
        display: none;
    }
    .proxy_process_list {
        margin: 0 0 30px 20px;
    }
    .proxy_process_list:hover .proxy_process_list_top {
        color: #3ba1f2;
    }
    .proxy_process_list_top:before {
        display: none;
    }
    .proxy_process_list_bottom .title {
        font-size: 16px;
    }
    .response_shows .response_shows_box .thumb {
        bottom: -20%;
    }
    
    .page_subbanner {
        height: 240px;
    }
    .page_subbanner h1 {
        font-size: 24px;

        padding-top: 86px;
    }
    .page_subbanner p {
        font-size: 16px;

        height: 80px;
        padding-top: 10px;
    }
    .page-bottom-nav .page-bottom-nav-title {
        border-bottom: solid 1px rgba(255, 255, 255, .05);
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .page-bottom-nav-friendLinks {
        border-top: solid 1px rgba(255, 255, 255, .05);
        padding-top: 15px;
        margin-top: 25px;
    }
}








@media screen and (max-width: 479px) {
    body {
        padding-top: 52px;
    }

    .banner {
        height: 220px;

        background-position: center -380px;
    }
    .banner .owl-pagination {
        margin-top: 36px;
    }
    .banner_title {
        font-size: 20px;
        padding-top: 80px;
    }
    .banner_text {
        font-size: 14px;
    }


    .marketing_advantage_content .span3:first-child img {
        width: 99%;
    }
    .response_shows .response_shows_box {
        padding: 0 0 50px;
    }
    .platform_advantage_img {
        width: 40%;

        text-align: center;
    }
    .marketing_advantage_content {
        height: 210px;
    }
    .marketing_advantage_list {
        margin: 0 0 10px 0;
    }
    .marketing_advantage_brief {
        top: 12%;

        padding: 0 15px;
    }
    .partners_content_list img {
        width: 150px;
    }
    .join_in_title {
        font-size: 24px;
    }
    .join_in_text {
        font-size: 14px;

        margin: 15px 0 30px 0;
    }
    .news_center_list_img {
        margin-top: 20px;
    }
    .footer {
        background: #0f0f0f none;
    }
    .quick_navigation_title,
    .footer_link_title,
    .footer_cotact_title {
        text-align: center;
    }
    .footer_link {
        overflow: hidden;

        margin-bottom: 20px;
    }
    .case_show_brief_text {
        font-size: 13px;

        margin: 10px 5px 20px 5px;
    }
    .case_show_content {
        margin: 30px 0;
    }
    .support_type {
        margin: 30px 0 15px 0;
    }
    .support_type_list {
        margin-bottom: 15px;
    }
    .technical_support_type .title {
        text-indent: 15px;
    }
    .technical_support_box {
        padding: 15px;
    }
    .technical_support_box ul li a {
        padding: 7px 0;
    }
    .technical_support_box ul li a .time {
        font-size: 12px;
    }
    .technical_support_page ul li a {
        line-height: 25px;

        width: 25px;
        height: 25px;
        margin-right: 10px;
    }
    .technical_support_box_z {
        padding: 15px;
    }
    .technical_support_page_z {
        padding: 0 15px 30px 15px;
    }
    .template_search_select {
        display: block;
    }
    .template_search_select {
        margin-bottom: 10px;
    }
    .template_search_select select {
        width: 100%;
    }
    .template_show_content:before {
        display: none;
    }
    .cloud_platform_list {
        margin-bottom: 10px;
    }
    .advantage_project {
        background: #4ea7eb none;
    }
    .advantage_project_list {
        margin: 0 0 30px 30px;
    }
    .marketing_support_list_brief {
        text-align: center;
    }
    .proxy_process {
        padding: 40px 0;
    }
    .response_shows .response_shows_box .thumb {
        bottom: -25%;
    }
    .header {
        line-height: 52px;

        height: 52px;
    }
    .header .logo_center {
        position: relative;
        top: -2px;

        text-align: center;
    }
    .header .logo_center img {
        width: 90px;
        height: 100%;
    }
    
    .header .mobileMenuBtn {
        position: fixed;
        z-index: 100;
        top: 17px;
        left: 15px;

        display: block;

        width: 24px;

        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
        text-align: center;
    }
    .header .mobileMenuBtn.active {
        right: 220px;
    }
    .header .mobileMenuBtn span {
        display: block;

        width: 100%;
        height: 2px;
        margin-bottom: 6px;

        -webkit-transition: .3s all;
        -moz-transition: .3s all;
        transition: .3s all;

        background: #45c2ff;
    }
    .header .mobileMenuBtn span:last-child {
        margin: 0;
    }
    .header .mobileMenuBtn span:first-child,
    .header .mobileMenuBtn span:last-child {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }
    .header .mobileMenuBtn.active span {
        background: #fff;
    }
    .header .mobileMenuBtn.active span:first-child {
        -webkit-transform: rotate(-43deg);
        -moz-transform: rotate(-43deg);
        -ms-transform: rotate(-43deg);
        transform: rotate(-43deg);
    }
    .header .mobileMenuBtn.active span:last-child {
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        transform: rotate(43deg);
    }
    .header .mobileMenuBtn span:nth-child(2) {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .header .mobileMenuBtn.active span:nth-child(2) {
        -webkit-transform: translateX(80px);
        -moz-transform: translateX(80px);
        -ms-transform: translateX(80px);
        transform: translateX(80px);

        opacity: 0;
    }
    .header .header_menu ul .nav-last-li {
        display: none;
    }
    .page_head_login {
        margin-right: 8px;
    }

    
    .page_subbanner {
        height: 200px;
    }
    .page_subbanner h1 {
        font-size: 20px;

        padding-top: 76px;
    }
    .page_subbanner p {
        font-size: 14px;

        height: 80px;
        padding-top: 10px;
    }

    
    .page_case_box .page_case_list img {
        width: 100%;
    }

    .page-products-list h3 {
        text-align: center;
    }
    .page-products-list img {
        width: 68px;
        height: 68px;
    }
    .page-products-list p {
        padding-right: 0;
        padding-left: 0;
        padding-top: 15px;
    }
    .page-products-list .col-xs-3 {
        width: 100%;
        text-align: center;
    }
    .page-products-list .col-xs-9 {
        width: 100%;
        text-align: center;
    }

    .page_head_login {
        display: none;
    }

     
    .solution-text {
        text-align: center;
    }
    .solution-text01 i {
        width: 64px;
        height: 64px;
        font-size: 2em;
        margin-bottom: 14px;
    }
    .solution-text01 i::before {

        top: 8px;
    }
    .solution-text02 .table>tbody>tr>th {
        width: 100px;
        padding-left: 12px;
    }


}