﻿@charset "utf-8";
/* @media only screen and (min-width:1601px){
.header .main-width{width:1720px;}
} */
@media only screen and (max-width:1530px){

    .header .nav .search{ right:6%;}

    .p-all{ padding:80px 0;}
}
@media only screen and (max-width:1430px){
    .f24{ font-size:20px;}
    .f48{ font-size:38px;}
    .header .nav .search{ right:8%;}
    .header .nav > ul > li{ padding:0 15px; font-size:14px;}

    /*内页*/
    #all-banner .main-width{ font-size:18px;}
    #all-banner .main-width h3,.service-cont h2{ font-size:36px;}
    #pub-nav{ padding:15px 0;}
    #pub-nav a{ margin-left:25px;}

    .nlist li .txt h3,.service-cont h3{ font-size:20px;}
    .new-cont,.service-cont{ font-size:16px;}
    .new-cont hgroup{ padding-bottom:20px;}
    .new-cont hgroup h2{font-size:30px;}
    .new-cont hgroup,.new-cont p,.new-cont h4,.service-cont h2,.service-cont p,.service-cont > ul,.service-cont h3{ margin-bottom:20px;}
    .new-cont h4{font-size:20px;}
    .about-list2 li .txt .nu{ font-size:50px;}
    .partner-content ul li .txt{ padding:10px 15px;}
    .partner-content ul li .txt i{ left:15px;}
    #scenarios li .txt span,#Modularity li .txt span{ font-size:60px;}
    .pub-cont #scenarios ul{ padding-top:30px;}
}
@media only screen and (max-width:1380px){
    .header .nav .drop-down.new > ul{ padding-right:22%;}
    .header .nav .drop-down.contact > ul{ padding-right:18%;}
    .p-tb{ padding-top:30px; padding-bottom:30px;}
    /*首页*/

    .home-cont1{ padding:60px 0;}
    .home-cont2{ margin-bottom:50px;}
    .p-all{ padding:50px 0;}
    .plist li{ padding-right:5%; padding-left:5%;}
    .plist li .txt h3{ font-size:36px;}
    .plist li .txt .btn{ left:5%;}
    .f18{ font-size:16px;}
    .f30{ font-size:24px;}
    .about-banner .content h3{ font-size:45px;}
    .about-content .pic img{ height:400px;}
    .form .list li,.form .diploma,.form .resume,.form .verify{ margin-bottom:10px;}
    #scenarios li .txt span,#Modularity li .txt span{ font-size:50px;}
    #function ul.ai-list li h4{ font-size:26px;}
    .tab-cont .menu span{ padding:0 1em; font-size:14px;}

}
@media only screen and (max-width:1230px){
    .main-width{width:1100px;}
    .header .nav .pc-logo{ width:30%;}
    .header .nav > ul{ padding-left:16%;}
    .header .nav > ul > li{ padding:0 10px;}
    .header .nav > ul > li > a{ line-height:60px;}
    .header .nav .search{ width:150px; right:8%;}
    .banner .swiper-button-next,.banner .swiper-button-prev{ width:40px; height:80px;}

    /*首页*/
    .home-cont1{ padding:40px;}
    .banner .swiper-pagination-bullet{width:16px;height:16px;border-width:2px;}
    .home-cont2 .about-bg .cont{ top:10%; right:30px; width:430px; height:90%;}
    .home-cont2 .about-bg .cont hgroup,.tab-cont .content .txt h4{ font-size:24px;}
    .home-cont2 .about-bg > img{ height:350px;}
    .home-cont2 .news-list li{ padding:15px;}
    .plist li .txt h3{ font-size:30px;}
    .nlist li{ margin-bottom:40px;}
    .nlist li .txt h3{ font-size:18px;}
    .nlist li .txt .more{ font-size:14px;}
    .nlist li .txt .more i{ margin-left:5px; width:20px; height:20px; background-position-x: -51px;}
    .about-list2 li .txt .nu{ font-size:40px;}  
    .partner-content ul li{ width:32%;}
    #scenarios li .txt span,#Modularity li .txt span{ font-size:40px;}
    #course ul{ margin:20px 0;}
    .pub-cont #scenarios li .txt{ padding-bottom:10px;}

}
@media only screen and (max-width:1130px){
    .main-width{width:1000px;}
    .header .nav .search{ right:10%;}
    /*首页*/

    .new-cont,.service-cont{ font-size:14px;}
    .service-cont > ul li{ padding:10px 20px;}
    .service-cont > ul li h3{ font-size:18px;}
    .about-list2 li .txt .nu{ font-size:35px;}
}
@media only screen and (max-width:1030px){
    .main-width{width:960px;}
    .pub-tit{ font-size:14px;}

    /*首页*/
    .home-cont2 .about-bg .cont{ width:400px;}
    .nlist li{ margin-bottom:30px;}
    .nlist li .txt h3{ font-size:16px;}

}

@media only screen and (max-width:980px){
    body{overflow-x:hidden;font-size:12px;}
    .f48{ font-size:24px;}
    .f36{ font-size:20px;}
    .main-width{width:98%;}
    .banner.main-width{width:100%;}
    .footer .menu ul li{ width:100px;}
    .m-Top{margin-top:54px;}
    .p-tb{ padding-top:1rem; padding-bottom:1rem;}
    .header{height:54px; background-color:#fff;position:sticky;}
    .header.active{ background-color:transparent;}
    .header .logo{display:-webkit-flex; display:flex; justify-content:space-between; padding:10px; background-color:#fff;}
    .header .logo .pic{ display:inline-block; vertical-align:middle;}
    .header .logo .pic img{ max-height:80%;display:inline-block; vertical-align:middle;}
    .header .logo .phone-menu{display:block;}
    .header .lang{ right:80px;}
    .header.active .nav{display:block;}
    .header.active .logo .phone-menu{ background-position-x: -158px;}
    .header .nav{display:none;position:fixed;top:54px;left:0;width:100%;height:90%;overflow-x:hidden;overflow-y:auto;background-color:rgba(0, 0,0, .8);}
    .header .nav > ul{display:block;padding:0; text-align:left;}
    .header .nav > ul > li{ display:block; font-size:14px;padding:0;}
    .header .nav > ul > li > a{ display:block; padding-left:2%; font-weight: bold; line-height:3; border-bottom:1px solid #bcbcbc; color:#fff;}
    .header .nav .pc-logo,.header .nav .lang{display:none;}
    .header .nav .search{ width:100%;padding:10px 0.8rem;height:30px;}
    .header .nav .search .box{width:100% !important;}
    .header .nav .search .box input.text{border:1px solid #bcbcbc !important;}
    .header .nav .search .box input.btn{display:none !important;}
    .header .nav .search .box input.sub{display:block !important; right:10px;}
    .header .nav .search .box input.btn,.header .nav .search .box input.sub{ background-position-x: -241px;}
    .header .nav > ul > li i{display:none !important;}
     .header .nav .drop-down,.header .nav .down-drop{position:static; z-index:1000; display:block !important;padding:0 0 0 15px;background:none; border-top:1px dotted rgba(255, 255, 255, .3);}
    .header .nav .drop-down > li{ padding:0; border-bottom:1px dotted rgba(255, 255, 255, .3);}
    .header .nav .drop-down > li a{ color:#fff; }
    


    .footer {padding:15px 0;}
    .footer .right{ margin-top:15px;}

    /*首页*/
    .banner .swiper-button-next,.banner .swiper-button-prev{ display:none;}
    .banner .swiper-pagination-bullet{width:12px; height:12px; background-position-x: -220px;}
    .banner .swiper-pagination-bullet-active{background-position-x: -194px;}

    .pub-tit{ line-height:2; font-size:24px;}
    .all-banner .main-width{ font-size:14px;}
    .all-banner .main-width h3,.service-cont h2{ font-size:24px;}
    .pub-nav ul li:not(:last-child){ margin-right:10px;}
    .pub-nav ul li a{ padding:0 1em; line-height:2.5; font-size:14px;}
    .pub-nav ul li.active a,.pub-nav ul li a:hover{ color:#fff; background-image:linear-gradient(to right,#009843 50%,#007bc6);}

    .p-all{ padding:40px 0;}
    .plist h3{ padding:20px 0; text-align: center;}
    .plist h3 span,.home article h3 span{ font-size:24px;}
    .plist li{ width:31%;}
    /* .plist li:nth-last-child(1),.plist li:nth-last-child(2){ display:none;} */
    .pview-pic,.pview-txt{ width:100%; max-width:100%;}
    .pview-txt{ flex:auto; padding-left:0; margin-top:20px;}
    .pview-txt h4,.pview-tit span{ font-size:28px;}

    .f18,.contact  li{ font-size:14px;}
    .f30{ font-size:18px;}
    .all-banner h2,.about-txt span,.contact  li h3{ font-size:24px; }
    .about{ padding-top:30px;}
    .about-txt{ padding-top:20px;}
    .footer p{ padding:5px 0;}
    .footer .right{padding:0 0 0 10px; margin-top:0; vertical-align: middle;}
    
    .feedbook{ padding:10px 0;}
}

@media only screen and (max-width:540px){
    body{ font-size:12px;}
    .header .logo .pic{max-width:40%;padding-top:1%;}
    .header .nav .drop-down > ul > li > ul{ height:100%;}
    .header .nav .drop-down > ul > li > ul > .pic{ display:none;}  
    .header .nav .drop-down > ul > li > ul > .name{ padding:0;} 
    .plist ul{ justify-content: space-around;}
    .plist p .btn{ padding:0 1em;}
    .home article{ width:100%; padding-bottom:20px; margin-left:0; margin-right:0;}

    .banner .swiper-button-next,.banner .swiper-button-prev{ display:none;}

    .pub-tit{ font-size:18px;}


    /*内页*/
    .p-all{ padding:25px 0;}
    .feedbook > li > p{ width:100%; margin-bottom:15px;}
    .plist li{ width:48%; margin-left:0; margin-right:0; padding:15px;}
    .plist li .pic{ height:150px;}
    .plist li .name{ font-size:14px; padding-top:10px;}
    .pview .txt{ line-height:2.5;}
    .pview .txt h3{ padding-bottom:10px;}
    .pview-cont h4 span{ font-size:16px;}

    /*产品*/


    .accordion .text_cont{ padding:1rem;}
    .accordion .text_cont p:not(:last-child){ margin-bottom:1rem;}
    
    .join-list li,.join-list .tit{ padding-top:5px; padding-bottom:5px;}
    .join-list span.add{ width:20%;}
    .join-list span.detail{ padding-right:8%; padding-left:8%;}
    .mask .form{ max-height:60vh; overflow-y:auto; overflow-x:hidden;}
    .mask .form .list li{ width:100%;}
    .mask .form .stxt,.mask .form .stxt,.mask .form .diploma .up-btn{ line-height:24px;}
    .mask .form .verify .stxt{ width:60%;}
    .mask .form .btn,.mask .form .close{ width:6em; line-height:2; font-size:14px;}
    .mask .form .resume textarea{ min-height:5em;}
    .mask .form .list li,.mask .form .diploma,.mask .form .resume,.mask .form .verify{ margin-bottom:8px;}
} 

