@charset "UTF-8";
@media (max-width:1600px) {
    .w2 {
        max-width: 1200px;
    }
    body {
        font-size: 14px;
    }
    .about1 .w2 .right {
        width: 45%;
    }
}
@media (max-width:1440px) {
  
    .container {
        margin-top: 80px;
    }
    .case .no {
        margin:60px 0;
    }
    .new4-2 h1 {
        margin-top: 80px;
    }
  
}

@media (max-width:1200px) {
    .top-right a {
        display: none;
    }
    .tips .search {
        position: absolute !important;
        top: 50%;
        left: 50%;
        width: 90%;
        transform: translate(-50%,-50%);
        z-index: -1;
        opacity: 0;
        padding: 15px 10px;
    }

    .search input {
        width: 80%;
    }
    .search {
        z-index: 999;
        position: fixed;
        left: 0;
        right: 0;
        top: 60px;
        bottom: unset;
        transform: none;
        border-radius: 0;
        padding: 10px;
        border: 1px solid #ccc;
        display: none;
    }
    .header img {
        max-height: 30px;
    }
    .tips {
        display: flex;
        height: 100%;
        align-items: center;
    }
    .header-re {
        height: 60px;
    }
    .header .w {
        height: 60px;
        width: 100%;
    }
    
    .nav ul{
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 60px;
        bottom: 0;
        overflow-y:scroll;
        z-index: 1222;
        width: 100%;
        box-sizing: border-box;
    }
    .nav ul li {
        background: rgba(13, 46, 160, .8);
        padding: 0 20px;
        box-sizing: border-box;
        position: relative;
    }

    .nav ul li::before {
        content: "";
        position: absolute;
        right: 20px;
        height: 10px;
        width: 16px;
        background: url(../img/icon/down-2.png) center center no-repeat;
        top: 15px;
    }
    .nav ul li>a{
        display: inline-block;
        color: #fff;
        transition: all .3s;
        line-height: 40px;
        text-align: center;
        position: relative;
        z-index: 9;
        
    }
    
    .nav ul li:nth-child(1) a{
        border-left: none;
    }
    .nav ul li>a span {
        position: relative;
        z-index: 99;
    }
    .nav ul li{
        width: 100%;
    }
    .nav ul li::after {
        display: none;
    }
    .nav ul li>a::before,.nav ul li>a::after{
        display: none;
    }

    .nav ul li {
        border-bottom: 1px solid rgba(0, 0, 0, 0);
    }

    .nav ul li>a{
        width: auto;
        text-align: left;
        box-sizing: border-box;
        background: none;
        color: #fff;
    }
    .nav ul li>a:hover,
    .nav ul li .selected,
    .nav ul .cur a{
        color: #fff !important;
    }
    .nav ul .cur {
        border-color: #fff;
    }
    .nav ul li:last-of-type a {
        border-bottom: none;
    }
    .memu-btn {
        margin-left: 10px;
        display: flex;
    }
    .tips>a {
        display: none;
    }
    .isearch {
        display: block;
        filter: grayscale(0) !important;
    }
    #search .isearch {
        display: none;
    }
    .memu-btn {
        display: flex;
    }
    .header {
        width: 100%;
        height: 60px;
    }
    .header img {
        max-height: 30px;
    }
    .headerbg {
        height: 60px;
        box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
        background: #fff;
    }
    .nav ul li .navbox {
        position: static;
        transform: none;
        background: none;
        font-size: 14px;
        background: none;
        width: 100%;
        box-sizing: border-box;
        padding-left: 0px;
        padding-top: 0;
    }
    .nav ul li::before {
        display: block;
    }
    .navbox a {
        color: #fff;
        position: relative;
        text-align: left;
        font-size: 13px;
        border-bottom: none;
        background: none;
    }
    footer {
        margin-top: 80px;
    }
    footer .w {
        padding: 40px 0;
    }
    .job2 .list-col-2 .txt2 {
        padding: 20px;
    }

    .job2 .list-col-2 .txt2 h2 {
        font-size: 24px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .job2 .list-col-2 .txt2 p {
        width: 100%;
    }
    .form1 {
        margin-top: 40px;
    }
    .subnav_fixed  {
        top: 60px;
        animation: none;
        box-shadow: none;
        border-bottom: 1px solid #eee;
    }
    
}  

@media (max-width:1050px) {
}
@media (max-width:990px) {
    .header-re {
        display: none;
    }
    .headerbg {
        position: static;
    }
    .subnav-con>div,
    .container {
       margin-top: 40px;
    }

    .title {
        margin-bottom: 20px;
    }
    .content-2 .list-col-2 .txt h3,
    .tab-change h3,
    .subnav-con h2,
    .join h1, 
    .case h1,
    .title h2 ,
    .product .left h2,
    .content .left h1{
        font-size: 24px;
    }
    .product .left {
        padding-top: 40px;
        margin-bottom: 20px;
    }
    .product .w {
        flex-wrap: wrap;
    }
    .product .left,
    .product .right {
        width: 100%;
    }
    .product-list .right {
        width: 70%;
    }
    .product-list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .content .right h2,
    .case3 li h3,
    .case h2 ,
    .con2 li h2 {
        font-size: 20px;
    }
    .con3 li>h2 {
        font-size: 18px;
    }
    .con3 .more {
        font-size: 14px;
    }
    
    .con1 .w>div,
    .con2 .w>div{
        width: 100%;
    }
    .con1 ul {
        flex-wrap: wrap;
    }
    .con1 li {
        margin-bottom: 20px;
       
    }
    .con1 li,
    .con2 li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .col-4 li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px !important;
    }

    .con4 .txt {
        padding: 10px;
    }

    .con4 .txt>* {
        width: 100% !important;
    }
    .con4 .txt .right {
        margin-top: 20px;
    }
    .con4 .txt h2,
    .con4 .txt .right h2 {
        font-size: 20px;
        color: #333;
    }
    .con4 .txt .left .p-over ,
    .con4 .date, .con4 .left .more{
        font-size: 14px;
    }
    .con4 .txt .left>div {
        margin-bottom: 20px;
    }
    footer {
        margin-top: 20px;
    }
    footer .w {
        flex-wrap: wrap;
        padding: 20px 0;
    }
    footer .left,
    footer .right {
        width: 100%;
        flex-wrap: wrap;
    }
    footer .left .fot-link {
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
        text-align: left;
    }
    footer .fot-link>a {
        margin-bottom: 10px;
        font-size: 16px;
        color: #0d2ea0;
    }
    footer .left .fot-link ul {
        display: flex;
        flex-wrap: wrap;
    }
    footer .left .fot-link ul li {
        margin-right: 20px;
        
    }
    footer .right {
        justify-content: center;
        text-align: center;
    }

    footer .link {
        margin-top: 20px;
        align-items: center;
        text-align: center;
    }
    footer .link h2 {
        text-align: center;
    }
    footer .right .weixin>div:last-of-type {
        margin-right: 0;
    }
    .ny-bg .img-box-re {
        padding-bottom: 45%;
    }
    .ny-ti h2 {
        font-size: 36px;
    }
    .subnav-box {
        height: 60px;
    }
    .subnav a {
        line-height: 60px;
        margin-right: 60px;
    }
    .case .no {
        margin: 40px 0;
    }
    .case .no span {
        font-size: 60px;
    }
    .case .no::before {
        width: 40px;
    }
    .case1 .left,
    .case1 .right{
        width: 100%;
        margin-bottom: 20px;
    }
    .case2 .txt-1 {
        flex-wrap: wrap;
    }
    .case2 .txt-1 li {
        width: 49%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 20px 10px;
    }

    .case2 .bg {
        margin-top: 60px;
        padding: 50px 0;
        background-size: cover !important;
    }

    .case3 h1 {
        margin-bottom: 40px;
    }
    .case3 li {
        margin-bottom: 30px;
    }
    .case3 li h3 {
        margin-bottom: 10px;
    }

    .news-list li {
        width: 100%;
        margin-right: 0;
    }
    .pagination {
        padding: 20px 0;
    }
    .nymain {
        margin: 40px 0;
    }
    .news-list li {
        margin-bottom: 20px;
    }
    .about1 .w2>div {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .about1 ul {
        margin: 40px 0;
        flex-wrap: wrap;
    }
    .about1 ul li {
        width: 48%;
        text-align: center;
        margin-bottom: 20px;
    }
    .about2 .ti .w2 {
        padding: 20px 0;
        height: auto;
    }
    .about2 .ti .w2>*{
        width: 100%;
    }
    .about2 .ti .w2 p {
        margin-top: 10px;
    }
    .tab-change>div p {
        width: 100%;
    }
    .about2 .bg {
        padding: 40px 0;
    }
    .about4 .w2>div {
        width: 100%;
    }
    .about4 .count {
        margin-top: 20px;
        display: flex;
       
    }
    .about4 .count li {
        width: 48%;
    }
    .about4 .right img {
        margin-bottom: 20px;
    }
    .about4 .right ul {
        padding: 0 20px;
    }
    .about4 .bg {
        padding: 40px 0;
        margin-top: 40px;
    }
    .about4 .bg .w2>div{
        width: 100%;
        margin-bottom: 20px;
    }
    .about4 .bg .right ul  {
        flex-wrap: wrap;
    }
    .about4 .bg .right li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        flex: unset;
    }
    .roll {
        margin-top: 40px;
    }
    .roll li {
        width: 48%;
    }
    .address {
        height: auto;
    }
    #baidu {
        position: static;
        height: 350px;
        top: 0;
        width: 95%;
        margin: 0 auto;
    }
    .address .txt {
        width: 100%;
        padding: 20px;
    }
    .address .txt .flex {
        margin-bottom: 10px;
        box-sizing: border-box;
        padding-left: 10%;
    }
    .join2 ul {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
        
        width: 100%;
    }
    .join2 .left li {
        width: 48%;
        justify-content: center;
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }
    .join2 .txt {
        flex-wrap: wrap;
    }
    .join2 .left {
        width: 100%;
    }
    .join2 .right {
        width: 100%;
        margin-top: 20px;
    }
    .join2 .right img {
        transform: none;
        width: 100%;
    }
    .join2 .left em {
        font-size: 50px;
        min-width: 80px;
        margin: 0;
    }
    .join2 .left span {
        font-size: 14px;
    }
    .join3 {
        padding: 20px 0;
    }
    .join2 .left span {
        padding: 5px ;
    }
    .join .ti {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .position .w {
        height: 60px;
    }
    .position {
        margin-bottom: 40px;
    }
    .job1 h4 {
        margin: 20px 0;
    }
    .dowload h1 {
        margin: 20px 0;
    }
    .dow-list {
        max-height: 700px;
        padding: 0;
    }
    .dow-list .msg {
        font-size: 16px;
    }
    .show-more {
        line-height: 50px;
        margin-top: 20px;
    }
    .dow-more {
        margin-bottom: 0;
    }
    .subnav-box {
        height: 40px;
    }
    .subnav>div{
        overflow-x: scroll;
    }
    .subnav a {
        line-height: 40px;
        margin-right: 40px;
        white-space: nowrap;
    }
    .content-bg .img-box-re {
        padding-bottom: 46% !important;
    }
    .procduct-content h1 {
        margin: 40px 0;
    }
    .product-video {
        margin: 0;
        margin-bottom: 20px;
    }
    .new5 h1 {
        padding-bottom: 20px;
    }
    .new5 .txt a {
        width: 40%;
        margin-top: 0;
    }
    .product-banner .w {
        padding: 20px 0;
    }
    .product-banner h1 {
        font-size: 3.2vw;
    }
    .product-banner .left {
        width: 35%;

    }
    .product-banner .right {
        width: 65%;
    }
    .product-banner h3 {
        font-size: 2vw;
    }
    .product-more {
        font-size: 1.8vw;
        margin-top: 10px;
        line-height: 4.5vw;
    }
    .new h1 {
        font-size: 36px;
        margin-bottom: 5vw;
        text-align: center;
    }
    .box-3d  {
        width: 100%;
    }
    .new2 .left ,
    .new2 .right {
        width: 100%;
        transform: none;
    }
    .new2 {
        padding: 20px 0;
    }
    .new2 .left{
        text-align: center;
    } 
    .new2 .left p {
        font-size: 18px;
    }
    .new2 .left h1 {
        margin-bottom: 20px;
    }
    .new2 .left p {
        margin-bottom: 20px;
    }
    .new3 ul li:nth-child(1) {
        margin-top: 0;
    }
    .new3 ul li {
        width: 100%;
    }
    .new3 ul li .txt h3 {
        font-size: 20px;
    }
    .new3 ul li:nth-child(1) .box2,
    .new3 ul li>div {
        margin-bottom: 20px;
    }
    .new4 .left,
    .new4 .right{
        width: 100%;
    }
    .new4 .right {
        flex: unset;
    }
    .new4 .right img {
        transform: none;
    }
    .roll2 li .txt h3 {
        font-size: 18px;
    }
    .new4-2 h1 {
        margin: 20px 0;
    }
    .new4-2 ul {
        justify-content: space-between;
    }
    .new4-2 ul li {
        width: 48%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .new5 a {
        line-height: 35px !important;
        font-size: 14px !important;
    }
    .new3 ul li .txt {
        padding: 20px ;
    }
    .new3 ul li .box2 {
        height: auto;
    }
    .reg .form2 .input {
        width: 100%;
    }
    .form2 {
        width: 100%;
        margin-top: 20px;
    }
    .content {
        flex-wrap: wrap;
    }
    .content>div {
        width: 100%;
        flex: unset !important;
    }
    .content .left>h1,
    .content .left>p {
        text-align: center;
    }
    .content .left article {
        margin-top: 40px;
    }
    .content .right {
        display: none;
    }
    .case1 .right .img-box-re {
        height: auto;
        padding-bottom: 66.66%;
    }
    .roll2 .txt h3 {
        font-size: 20px;
    }
    .join2 .left p {
        transform: translateY(4px);
    }
    .books-list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .books-list li .img-box-re {
        padding-bottom: 132.66%;
    }
    .item-1-box {
        padding-top: 100px;
    }
    .new4 .item-1>.right {
        margin-left: 0;
    }
    .about4 .count p {
        font-size: 20px;
        text-align: center;
    }
    .f-box  {
        height: 350vw;
    }
}

@media (max-width:870px) {

}

@media (max-width:750px) {
    .person-item {
        left: 0;
    }
    .person-item::before {
        right: 10%;
        left: unset;
    }
    .con1 .right ul {
        justify-content: space-between;
    }
    .con1 .right ul li{
        width:48%;
        margin-right: 0;
        margin-bottom: 4% !important; 
    }
    .con1 .left {
        padding: 20px;
        padding-bottom: 80px;
    }
    .con4 {
        background-size: cover !important;
    }
    footer .w {
        flex-direction: column;
        align-items: center;
    }
    footer .txt {
        margin-left: 0;
        text-align: center;
    }
    footer .txt h3 {
        margin-top: 20px;
    }
    footer .txt div {
        margin: 10px 0;
    }
    .case3 .w {
        flex-wrap: wrap;
    }
    .case3 .left {
        width: 100%;
    }
    .case3 li {
        text-align: center;
    }
    .case3 .right {
        width: 100%;
        flex: unset;
    }
    .case3 .img {
        width: 100%;
        height: auto;
        position: static;
    }
    .tab-change h3{
        margin-bottom: 10px;
    }
    .tab-change {
        min-height: 150px;
        margin-bottom: 30px;
    }
    .tab-ti {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .tab-ti li {
        margin-right: 20px;
        padding: 10px;
        margin-bottom: 0;
    }
    .tab-ti .cur,
    .tab-ti li:hover {
        color: #0d2ea0;
    }
    .about3 .w2>div{
        width: 100%;
    }
    .about3 .right {
        margin-top: 20px;
    }
    .about3 .right li {
        margin-bottom: 30px;
    }
    .content-2 .list-col-2 .txt h3 {
        font-size: 20px;
    }
    .list-col-2 .txt h3,
    .about3 .right li h4 {
        font-size: 18px;
    }
    .list-col-2 li {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .list-col-2 .txt {
        padding: 20px;
    }
    .list-col-2 li>div{
        width: 100%;

    }
    .job>div {
        margin-top: 40px;
    }  

    .border-btn a {
        width: 40%;
        margin-right: 20px;
        line-height: 40px;
        font-size: 18px;
    }
    .border-btn {
        margin-bottom: 20px;
    }
    .card {
        padding: 20px;
        margin-bottom: 20px;
    }
    .job-list li {
        width: 100%;
        margin-right: 0;
    }
    .card-msg h2 {
        font-size: 18px;
    }
    .card-msg .right {
        width: 30px;
        height: 30px;
        font-size: 18px;
        line-height: 30px;
    }
    .ewm-link {
        margin-top: 20px;
        padding: 20px;
        justify-content: center;
        text-align: center;
    }
    .form1 .input-box {
        width: 100%;
        margin-bottom: 20px;
    }
    .books-list li p {
        margin-top: 10px;
    }
}

@media (max-width:460px) {
    .ny-ti h2 {
        font-size: 26px;
        width: 50%;
    } 

    .ny-bg .img-box-re {
        padding-bottom: 56%;
    }

    
    .case2 .txt-1 li {
        width: 100%;
    }
    .case2 .bg {
        margin-top: 40px;
        padding: 20px 0;
    }
}